<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=1440, user-scalable=no">
    <title>广东技术师范大学助梦e夏科技成果展</title>
    <style>
        h3{
            margin-left: 65px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
        h4{
            margin-left: 65px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Arial', sans-serif;
        }
        
        body {
            background-color: #f5f5f5;
            color: #333;
            line-height: 1.6;
        }
        
        header {
            background-color: rgb(164, 203, 236);
            color: white;
            padding: 1rem 0;
            text-align: center;
            border-top: 2px solid white;
        }
        
        nav {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            width: 100%;
            background-color: rgb(164, 203, 236);
            padding: 0.5rem;
            z-index: 1000;
            display: flex;
            align-items: center;
        }
        
        nav img {
            height: 50px;
            margin-right: 1rem;
        }
        
        nav ul {
            list-style: none;
            display: flex;
            justify-content: center;
            width: 100%;
            margin-left: 2rem;
        }
        
        nav ul li {
            margin: 0 0.5rem;
        }
        
        nav ul li a {
            color: white;
            text-decoration: none;
            padding: 0;
            cursor: pointer;
        }
        
        nav ul li a:hover {
            background-color: rgb(125, 162, 206);
            border-radius: 4px;
        }
        
        .container {
            max-width: 1400px;
            margin: 2rem auto;
            padding: 0 1rem;
            display: flex;
            flex-wrap: wrap;
            
        }
        
        main {
            flex: 2;
            padding-right: 2rem;
        }
        
        aside {
            flex: 1;
        }
        
        section {
            background-color: white;
            
            margin-bottom: 2rem;
            padding: 1.5rem;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        
        section h2 {
            color: rgb(125, 162, 206);
            margin-bottom: 1.5rem;
            padding-bottom: 0.5rem;
            font-size: 1.6rem;
            border-bottom: 1px solid #eee;
        }
        
        /* 通用图片网格样式 */
        .image-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 2rem; /* 增加间距 */
            margin-top: 1rem;
        }
        
        /* 大屏幕每行显示4个项目 */
        @media (min-width: 1200px) {
            .image-grid {
                grid-template-columns: repeat(4, 1fr);
            }
        }
        
        .image-item {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        .image-item a,
        .image-item a:visited,
        .image-item a:hover {
            text-decoration: none;   /* 去掉下划线 */
        }
        .image-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item1 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item1:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item2 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item2:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item3 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item3:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item4 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item4:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item5 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item5:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item6 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item6:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item7 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item7:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item8 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item8:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item9 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item9:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item10 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item10:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item11 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item11:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        .image-item12 {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .image-item12:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }
        /* 4:5 宽高比的图片容器 */
        .image-container {
            position: relative;
            width: 100%;
            padding-top: 56.25%; /* 16:9 宽高比 (9/16 = 56.25%) */
            background-color: #f0f0f0;
        }
        
        .image-container img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .image-caption {
            padding: 0.5rem;
            text-align: center;
            font-size: 30%;
            color: white;
            background-color: rgb(164, 203, 236);
            border-top: 1px solid #eee;
        }

        /* 视频播放提示 - 适用于机器人和AI作品集 */
        .image-item.has-video::after {
            content: "▶";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 40px;
            text-shadow: 0 0 15px rgba(0,0,0,0.7);
            opacity: 0;
            transition: all 0.3s ease;
            background-color: rgba(0,0,0,0.3);
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10;
        }
        
        .image-item.has-video:hover::after {
            opacity: 1;
        }

        /* 首页特有样式 */
        .home-intro {
            margin-bottom: 2rem;
            line-height: 1.8;
        }
        
        .home-section {
            margin-bottom: 3rem;
        }
        
        .home-section h3 {
            color: rgb(125, 162, 206);
            margin-bottom: 1rem;
            font-size: 1.3rem;
        }

        footer {
            background-color: rgb(164, 203, 236);
            color: white;
            text-align: center;
            padding: 1.5rem 0;
            margin-top: 2rem;
        }

        /* 公众号推文样式 */
        .wechat-tweet {
            margin-bottom: 1.5rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid #eee;
        }
        
        .wechat-tweet:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        
        .wechat-tweet .source {
            font-size: 0.8rem;
            color: #666;
            margin-bottom: 0.3rem;
        }
        
        .wechat-tweet a {
            color: #333;
            text-decoration: none;
            font-weight: 500;
            line-height: 1.5;
        }
        
        .wechat-tweet a:hover {
            color: rgb(125, 162, 206);
            text-decoration: underline;
        }
        
        .wechat-tweet .date {
            font-size: 0.75rem;
            color: #999;
            margin-top: 0.3rem;
            display: block;
        }

        /* 内容显示/隐藏控制*/
        .content-section {
            display: block;
        } 
        
        .content-section.active {
            display: block;
        }

        /* 侧边栏显示控制 */
        .sidebar-hidden aside {
            display: none;
        }
        
        .sidebar-hidden main {
            flex: 1;
            padding-right: 0;
        }
        
        /* 响应式调整 */
        @media (max-width: 1200px) {
            .image-grid {
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            }
        }
        
        @media (max-width: 992px) {
            .image-grid {
                grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
            }
        }
        
        @media (max-width: 768px) {
            .container {
                flex-direction: column;
            }
            
            main {
                padding-right: 0;
                margin-bottom: 2rem;
            }
            
            nav ul {
                flex-direction: column;
                align-items: flex-start;
            }
            
            nav ul li {
                margin: 0.5rem 0;
            }
            
            .image-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 576px) {
            .image-grid {
                grid-template-columns: 1fr;
            }
        }
        
        /* 分类标签样式 */
        .category-tag {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: rgba(125, 162, 206, 0.9);
            color: white;
            padding: 3px 8px;
            border-radius: 4px;
            font-size: 0.8rem;
            z-index: 5;
        }

        .slide-banner{
        position:relative;
        width:1000px;
        overflow:hidden;
        }
        .slide-track{
        display:flex;
        width:1000px;
        transition:transform .6s ease;
        }
        .slide{
        flex:0 0 100%;
        position:relative;
        width: 1000px;
        height: 600px;
        }
        .slide img{
        width: 1000px;
        height: 600px;
        object-fit:cover;
        }
        .slide-text{
        position:absolute;
        bottom:0;left:0;right:0;
        background:rgba(0,0,0,.55);
        color:#fff;
        font-size:1.1rem;
        line-height:2.8rem;
        text-align:center;
        }

        /* 左右箭头 */
        .nav-arrow{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        background:rgba(0,0,0,.4);
        color:#fff;
        border:none;
        font-size:30px;
        padding:0 12px;
        cursor:pointer;
        z-index:10;
        }
        .prev{left:10px;}
        .next{right:10px;}

        /* 圆点 */
        .dots{
        position:absolute;
        bottom:15px;
        left:50%;
        transform:translateX(-50%);
        display:flex;
        gap:8px;
        z-index:10;
        }
        .dot{
            width:10px;
            height:10px;
            border-radius:50%;
            background:rgba(255,255,255,.5);
            cursor:pointer;
            }
            .dot.active{background:#fff;}
            .dual-layout {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            align-items: flex-start;
            background-color: white;
            padding: 1.5rem;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            margin-bottom: 2rem;
        }

        .layout-img {
            width: 100%;
            flex: 1;
            min-width: 40%;
        }

        .layout-img img {
            width: 100%;
            height: auto;
            border-radius: 5px;
            display: block;
            object-fit: cover;
            max-height: 350px;
        }

        .layout-text {
            font-size:1.6rem;
            width: 40%;
            flex: 2;
            min-width: 40%;
        }

        .layout-text h3 {
            color: rgb(125, 162, 206);
            margin-bottom: 1rem;
            font-size: 1.3rem;
            width: 40%;
        }

        .link-list {
            list-style: disc;
            padding-left: 5rem;
        }

        .link-list li {
            margin-bottom: 0.1rem;
            line-height: 1.6;
            font-size: 1rem;
        }

        .link-list li a {
            color: #333;
            text-decoration: none;
            transition: color 0.3s;
        }

        .link-list li a:hover {
            color: rgb(125, 162, 206);
            text-decoration: underline;
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
            .dual-layout {
                flex-direction: column;
            }
            
            .layout-img, .layout-text {
                width: 100%;
                min-width: auto;
            }
        }
        .custom-divider {
            border: none;
            border-top: 2px solid black; /* 线条颜色与主题一致 */
            margin: 1.5rem 0; /* 上下间距 */
        }

        /* 或使用div创建的线条 */
        .custom-line {
            height: 2px;
            background-color: black;
            margin: 1.5rem 0;
        }
        /* 图片精选区域样式 */
        .main-image-container {
            margin-bottom: 1.5rem; /* 主图与下方小图的间距 */
        }

        .main-image .image-container {
            padding-top: 56.25%; /* 16:9 宽高比（更适合大图展示） */
        }

        .small-images-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* 三列布局 */
            gap: 1.5rem; /* 小图之间的间距 */
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
            .small-images-grid {
                grid-template-columns: repeat(1, 1fr); /* 移动端改为单列 */
            }
            
            .main-image .image-container {
                padding-top: 75%; /* 移动端大图改为4:3比例 */
            }
        }
        .volunteer-course-intro {
            padding: 6rem;
            background: linear-gradient(135deg, #e0f7ff, #ffffff);
            border-left: 5px solid rgb(125, 162, 206);
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            background-image: url('https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/LAxK/2250X1280/bg7.jpg');
            background-size: cover;
            background-position: center; 
        }
        .course-intro {
            padding: 6rem;
            background: linear-gradient(135deg, #e0f7ff, #ffffff);
            border-left: 5px solid rgb(125, 162, 206);
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            background-image: url('https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/jJt4/4081X1279/bg1.jpg');
            background-size: cover;
            background-position: center; 
        }

        .history-course-intro {
            /* padding: 6rem; */
            background: linear-gradient(135deg, #e0f7ff, #ffffff);
            border-left: 5px solid rgb(125, 162, 206);
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            background-image: url('https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/TpjV/2556X1704/bg3.jpg');
            background-size: cover;
            background-position: center;
        }
        .teaching-course-intro {
            padding: 6rem;
            background: linear-gradient(135deg, #e0f7ff, #ffffff);
            border-left: 5px solid rgb(125, 162, 206);
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            background-image: url('https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/9I0G/4011X1280/bg2.jpg');
            background-size: cover;
            background-position: center; 
        }
        .link-list{
            background: linear-gradient(135deg, #e0f7ff, #ffffff);
           
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            background-image: url('https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/dEpO/1079X718/bg5.jpg');
            background-size: cover;
            background-position: center; 
        }
        .culturl-course-intro1{
            padding: 6rem;
            background: linear-gradient(135deg, #e0f7ff, #ffffff);
            border-left: 5px solid rgb(125, 162, 206);
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            background-image: url('https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ciVP/2560X1152/bg8.jpg');
            background-size: cover;
            background-position: center; 
        }

        .culturl-course-intro {
            padding: 6rem;
            background: linear-gradient(135deg, #e0f7ff, #ffffff);
            border-left: 5px solid rgb(125, 162, 206);
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            background-image: url('https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/sEDI/2560X665/bg6.jpg');
            background-size: cover;
            background-position: center; 
        }
        .history-course-intro1 {
            padding: 6rem;
            background: linear-gradient(135deg, #e0f7ff, #ffffff);
            border-left: 5px solid rgb(125, 162, 206);
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            background-image: url('https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Zzry/2556X936/bg4.jpg');
            background-size: cover;
            background-position: center; 
        }
        .course-title {
            font-size: 1.6rem;
            color: rgb(125, 162, 206);
            margin-bottom: 0.5rem;
            font-weight: bold;
        }

        .course-desc {
            font-size: 1rem;
            line-height: 1.8;
            color: #444;
            text-align: justify;
        } 
        .decor-title {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.6rem;
            color: rgb(125, 162, 206);
            margin: 50px 0;
        }
        .decor-title::before,
        .decor-title::after {
            content: "";
            flex: 1;
            height: 1px;
            background: rgb(125, 162, 206);
        }
        .decor-title::before {
            margin-right: 10px;
        }
        .decor-title::after {
            margin-left: 10px;
        }
        .decor-title span {
            display: inline-block;
            color: rgb(125, 162, 206);
            font-size: 1rem;
        }
        .decor-title span:first-child {
            margin-right: 10px;
        }
        .decor-title span:last-child {
            margin-left: 10px;
        }
        .no-border-bottom {
            padding-bottom: 0 !important;
            border-bottom: none !important;
        }
        
    </style>
</head>
<body>
    
    <nav class="navbar">
        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/SWnu/961X304/team.png" alt="Team Logo">
        <ul>
            <li><a class="nav-link active" data-target="home">首页</a></li>
            <li><a class="nav-link" data-target="teaching-section">义教作品集</a></li>
            <li><a class="nav-link" data-target="teaching-time">义教课堂图片</a></li>
            <li><a class="nav-link" data-target="report-history">非遗文化</a></li>
            <li><a class="nav-link" data-target="report">大埔文化</a></li>
            <li><a class="nav-link" data-target="volunteer">公益活动</a></li>
            <li><a href="https://mp.weixin.qq.com/s/dkuL0jtRC8TO7qaFMSJ63A" target="_blank">关于我们</a></li>
            <li><a class="nav-link" data-target="contact">联系我们</a></li>
        </ul>
        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/eset/1766X1354/logo.png" alt="Team Logo">
    </nav>
    <header>
        <h1>广东技术师范大学助梦e夏科技成果展</h1>
        <p>记录三下乡过程中的科技运用展示</p>
    </header>
    <div class="container">
        <main>
            <!-- 首页内容 -->
            <section id="home" class="content-section active">
                <div class="home-intro">
                    <h2>欢迎来到广东技术师范大学助梦e夏科技成果展</h2>
                    <p>这里记录并展示团队在梅州大埔开展的科技支教、非遗调研、乡村振兴全过程成果。<br>让公众直观感受VR、机器人、AI等前沿技术如何赋能乡村教育、守护传统文化、助力乡村振兴。</p>
                </div>

                <section class="slide-banner">
                    <div class="slide-track">
                        <div class="slide">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/US5t/6270X4180/7.jpg" alt="助梦e夏">
                        <div class="slide-text">助梦e夏 · 以青春奔赴热爱</div>
                        </div>
                        <div class="slide">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/RyF0/5998X3743/1.jpg" alt="助梦e夏">
                        <div class="slide-text">助梦e夏 · 全体合照</div>
                        </div>
                        <div class="slide">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/aY07/6686X3879/2.jpg" alt="助梦e夏">
                        <div class="slide-text">梅州大埔三下乡突击队全体合照</div>
                        </div>
                        <div class="slide">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/r3UV/7008X4672/3.jpg" alt="助梦e夏">
                        <div class="slide-text">助梦e夏 · 学生成员合照</div>
                        </div>
                        <div class="slide">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/zXBS/7008X4672/4.jpg" alt="助梦e夏">
                        <div class="slide-text">领导同行，青春实践启航</div>
                        </div>
                        <div class="slide">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/lmSk/1620X1080/5.jpg" alt="助梦e夏">
                        <div class="slide-text">大埔中学 | 三下乡队伍的实践见证时刻</div>
                        </div>
                        <!-- <div class="slide">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/g2om/1920X1080/6.jpg" alt="助梦e夏">
                        <div class="slide-text">VR课堂 · 学生沉浸体验</div>
                        </div> -->
                    </div>

                    <!-- 左右箭头 -->
                    <button class="nav-arrow prev" onclick="slideMove(-1)">&#10094;</button>
                    <button class="nav-arrow next" onclick="slideMove(1)">&#10095;</button>

                    <!-- 底部圆点 -->
                    <div class="dots">
                        <span class="dot active" onclick="slideTo(0)"></span>
                        <span class="dot" onclick="slideTo(1)"></span>
                        <span class="dot" onclick="slideTo动(2)"></span>
                    </div>
                </section>
                <!-- 新增的图片+链接板块 -->
                 <h2 class="decor-title" style="border-bottom: none !important; padding-bottom: 0 !important;">
                    <span>◇◇◇</span>实践内容<span>◇◇◇</span>
                </h2>
                <section class="dual-layout">
                    <div class="layout-img">
                        <!-- 替换为实际图片路径 -->
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/oNrI/5184X3456/14.jpg" alt="义教精彩瞬间">
                    </div>
                    <div class="layout-text">
                        <ul class="link-list">
                            <br>
                            <p target="_blank">义教课堂</p>
                            <li><a href="https://mp.weixin.qq.com/s/53xN1_jrYQ5jLaysIyyddg" target="_blank">助梦出发，"e"夏开课啦！</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/0VS8ZhwAkzGj1Jn7TXtLPQ" target="_blank">体教机创融智趣，VR 探奇共成长</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/MCXf9sLuaiWVn_LaTfl_8g" target="_blank">科技义教，机器人筑梦，VR存景，AI赋活！</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/zqGfQ5s-gYN4MMYFUyj_ow" target="_blank">运动燃活力,化学藏趣味,安全筑防线,地理探天地!</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/c7HzL8t6EqutaMDwE_h9lQ" target="_blank">VR解锁大埔中学新视界！</a></li>
                            
                            <br>
                        </ul>
                    </div>
                    
                    <div class="layout-img">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/h34L/1620X1080/21.jpg" alt="调研精彩瞬间">
                    </div>
                    <div class="layout-text">
                        <ul class="link-list">
                            <br>
                            <p target="_blank">调研故事</p>
                            <li><a href="https://mp.weixin.qq.com/s/7e-7OapW_1MYui2g8H3OJw" target="_blank">探寻大埔红色交通线</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/gOCT8R0KvHdyAq6A2Ow8YQ" target="_blank">以数字技术传承大埔手工瓷器民俗文化</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/txBQPmdGcwHxy4JbB0O1IA" target="_blank">品古韵风华，探生态新篇</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/zmvfZ3vACkMUNDmaps6mXw" target="_blank">蒸汽传薪火，夯土筑匠心，古镇承风华，博物馆续千年</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/uj55moY5hHMn6qSxpEBgfg" target="_blank">从牌坊石影到数字云端的接力</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/ZtvczxaT_Jk5o-irIpmudg" target="_blank">千年酒脉守与承：梅州娘酒的传承脉络</a></li>
                            <br>
                        </ul>
                    </div>
                </section>
                <div class="home-section">
                    <h2 class="decor-title" style="margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>团队科技成果——VR<span>◇◇◇</span>
                    </h2>
                    <h4 style="text-align: center; color: rgb(125, 162, 206);margin-top: 0;">点击图片即可查看对应VR成果</h4>
                    <div class="image-grid">
                        
                        <div class="image-item">
                            <span class="category-tag">VR</span>
                            <a href="https://www.720yun.com/vr/2fdjt54m5O7" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/sOaM/1723X1201/VR7.png" alt="大埔中学VR">
                                </div>
                                <div class="image-caption">大埔中学</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">VR</span>
                            <a href="https://www.720yun.com/vr/798jt5wfzy2" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/O3oU/2484X1334/VR8.png" alt="茶阳镇圩镇客厅中心">
                                </div>
                                <div class="image-caption">茶阳镇圩镇客厅中心</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">VR</span>
                            <a href="https://www.720yun.com/vr/739jt5hmOu5" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Nomz/2486X1347/VR9.png" alt="大埔县博物馆">
                                </div>
                                <div class="image-caption">大埔县博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">VR</span>
                            <a href="https://www.720yun.com/vr/168jt5wfzu6" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/mnxX/2492X1348/VR10.png" alt="富大陶瓷文化产业创意园">
                                </div>
                                <div class="image-caption">富大陶瓷文化产业创意园</div>
                            </a>
                        </div>
                    </div>
                    <div class="home-section">
                    <h2 class="decor-title" style="margin-bottom: 0 !important;border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>团队科技成果——3D模型<span>◇◇◇</span>
                    </h2>

                    <h4 style="text-align: center; color: rgb(125, 162, 206);margin-top: 0;">点击图片即可查看对应3D模型</h4>
                    
                    <div class="image-grid">
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/c1az5625n5z" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/yVAy/766X928/1.png" alt="青花瓷玉壶春瓶">
                                </div>
                                <div class="image-caption">青花瓷玉壶春瓶</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/d17z9b25n5e" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/jyPD/980X686/8.png" alt="客家围龙屋陶瓷茶具">
                                </div>
                                <div class="image-caption">客家围龙屋陶瓷茶具</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/3bcz1c25r8t" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Zdab/2112X1600/robot1.jpg" alt="多功能雪橇车">
                                </div>
                                <div class="image-caption">多功能雪橇车</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/1d4za225r8v" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/9jNh/2112X1600/robot2.jpg" alt="竞走机器人">
                                </div>
                                <div class="image-caption">竞走机器人</div>
                            </a>
                        </div>
                    </div>
                    <!-- 查看更多按钮 -->
                    <div style="text-align: center; margin: 2rem 0;">
                        <button id="viewMore3dBtn" style="padding: 0.8rem 1.5rem; background-color: rgb(125, 162, 206); color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem;">
                            查看更多
                        </button>
                    </div>

                    
                        
                    <!-- 更多图片区域（默认隐藏） -->
                    <div id="more3dImages" class="image-grid" style="display: none; margin-top: 2rem;">
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/9d0z3025n5k" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/3AUw/951X759/2.png" alt="青花瓷茶杯">
                                </div>
                                <div class="image-caption">青花瓷茶杯</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/022ze825n5O" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/jilO/870X908/3.png" alt="客家人文山水瓶">
                                </div>
                                <div class="image-caption">客家人文山水瓶</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/a6ez2925n5s" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/8Ic5/768X914/4.png" alt="青花瓷天球杯">
                                </div>
                                <div class="image-caption">青花瓷天球杯</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/692z0725knv" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/1Of3/903X710/5.png" alt="客家围龙屋陶瓷烟灰缸">
                                </div>
                                <div class="image-caption">客家围龙屋陶瓷烟灰缸</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/78fz1f25k0r" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/P9V4/817X941/6.png" alt="青花瓷冬瓜瓶">
                                </div>
                                <div class="image-caption">青花瓷冬瓜瓶</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/ca8z1225k0u" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/qHgD/871X822/7.png" alt="郎红釉刻瓷花瓶">
                                </div>
                                <div class="image-caption">郎红釉刻瓷花瓶</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/3cfzba25n5u" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/nPfJ/990X834/9.png" alt="青花瓷盘">
                                </div>
                                <div class="image-caption">青花瓷盘</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/33dzf525n5v" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ENd5/600X876/10.png" alt="大青花瓷瓶">
                                </div>
                                <div class="image-caption">大青花瓷瓶</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/7fdz7025n8s" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Dsyw/970X809/11.png" alt="青花瓷抱月瓶">
                                </div>
                                <div class="image-caption">青花瓷抱月瓶</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/131z3f25n8z" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/yrSq/658X883/12.png" alt="青花山水纹梅瓶">
                                </div>
                                <div class="image-caption">青花山水纹梅瓶</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/82az8125r8u" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/u7gs/2112X1600/robot3.jpg" alt="等臂杠杠">
                                </div>
                                <div class="image-caption">等臂杠杠</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/b79z6225ris" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xQFl/2112X1600/robot4.jpg" alt="秋千">
                                </div>
                                <div class="image-caption">秋千</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/afdz5e25r8e" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/GR71/3072X4096/robot5.jpg" alt="费力杠杠">
                                </div>
                                <div class="image-caption">费力杠杠</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/bf4z6525rik" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/RDfU/2112X1600/robot6.jpg" alt="双摇杆起重机">
                                </div>
                                <div class="image-caption">双摇杆起重机</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/9cezd325r85" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/orPf/2112X1600/robot7.jpg" alt="雪山避障">
                                </div>
                                <div class="image-caption">雪山避障</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/2ccz3025r8r" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/dXEf/3072X4096/robot9.jpg" alt="省力杠杠">
                                </div>
                                <div class="image-caption">省力杠杠</div>
                            </a>
                        </div>
                    </div>
                <div class="home-section">
                    <h2 class="decor-title" style="border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>图片精选<span>◇◇◇</span>
                    </h2>
                    
                    <div class="main-image-container">
                        <div class="image-item main-image">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xzTh/7008X4672/20.jpg" alt="组长合照" class="main-img">
                            </div>
                            <div class="image-caption">组长合照</div>
                        </div>
                    </div>

                    <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/jgEz/7008X4672/18.jpg"  >
                                </div>
                                <div class="image-caption">宣传组</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/OckQ/7008X4672/15.jpg"  >
                                </div>
                                <div class="image-caption">活动组</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/9bEq/7008X4672/17.jpg"   >
                                </div>
                                <div class="image-caption">调研组</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/y4Yv/7008X4672/14.jpg"  >
                                </div>
                                <div class="image-caption">后勤组</div>
                        </div>
                    </div>

                    <!-- 查看更多按钮 -->
                    <div style="text-align: center; margin: 2rem 0;">
                        <button id="viewMoreBtn" style="padding: 0.8rem 1.5rem; background-color: rgb(125, 162, 206); color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem;">
                            查看更多图片
                        </button>
                    </div>

                    <!-- 更多图片区域（默认隐藏） -->
                    <div id="moreImages" class="image-grid" style="display: none; margin-top: 2rem;">
                        
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/OXVc/7008X4672/16.jpg"  >
                            </div>
                            <div class="image-caption">义教组</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/J9hZ/7008X4672/19.jpg"  >
                            </div>
                            <div class="image-caption">推文组</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/hrmf/7008X4672/8.JPG">
                            </div>
                            <div class="image-caption">团队合照</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/qt2h/7008X4672/9.JPG">
                            </div>
                            <div class="image-caption">团队合照</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/zWJn/7008X4672/10.JPG">
                            </div>
                            <div class="image-caption">团队合照</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QuiK/7008X4672/11.JPG">
                            </div>
                            <div class="image-caption">团队合照</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/axqk/7008X4672/12.jpg" alt="活动启动仪式">
                            </div>
                            <div class="image-caption">团队合照</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/lYEB/7008X4672/13.JPG" alt="教师团合影">
                            </div>
                            <div class="image-caption">团队合照</div>
                        </div>
                    </div>
                    <div class="home-section">
                        <h2 class="decor-title" style="border-bottom: none !important; padding-bottom: 0 !important;">
                            <span>◇◇◇</span>视频精选<span>◇◇◇</span>
                        </h2>
                            
                        <!-- 视频展示区域 -->
                       
    <!-- 视频轮播容器 -->
    <div class="video-carousel-container" style="overflow: hidden; position: relative; padding: 0 1rem; margin: 2rem 0;">
        <!-- 轮播轨道 -->
        <div class="video-carousel-track" style="display: flex; transition: transform 0.6s ease; padding: 1rem 0; gap: 1.2rem;">
            <!-- 视频项1 - 完整显示 -->
            <div class="video-item" style="width: 42%; flex-shrink: 0;">
                <div class="image-item has-video" style="height: 100%; box-shadow: 0 8px 20px rgba(0,0,0,0.2);">
                    <div class="image-container" style="padding-top: 56.25%;">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/wvgQ/2340X1306/%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2.jpg" style="object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></video>
                    </div>
                    <div class="image-caption">助梦e夏 · 埔学同行</div>
                    <a href="https://v.douyin.com/YYGzLMV6fLo/" target="_blank" style="display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%;"></a>
                </div>
            </div>
            
            <!-- 视频项2 - 完整显示 -->
            <div class="video-item" style="width: 42%; flex-shrink: 0;">
                <div class="image-item has-video" style="height: 100%; box-shadow: 0 8px 20px rgba(0,0,0,0.2);">
                    <div class="image-container" style="padding-top: 56.25%;">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ie9W/1617X917/%E5%B0%81%E9%9D%A22.png" style="object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></video>
                    </div>
                    <div class="image-caption">逐光而行 · 不负所期</div>
                    <a href="https://v.douyin.com/M9cGDjtRTBI/" target="_blank" style="display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%;"></a>
                </div>
            </div>
            
            <!-- 视频项3 - 部分露出（约30%） -->
            <div class="video-item" style="width: 42%; flex-shrink: 0;">
                <div class="image-item has-video" style="height: 100%; box-shadow: 0 8px 20px rgba(0,0,0,0.2);">
                    <div class="image-container" style="padding-top: 56.25%;">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/oPRt/2484X1014/%E5%A8%98%E9%85%92.png" style="object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></video>
                    </div>
                    <div class="image-caption">盛夏酿醇香·客家娘酒</div>
                    <a href="https://v.douyin.com/qGcSwS9adK0/" target="_blank" style="display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%;"></a>
                </div>
            </div>
            
            <!-- 视频项4 - 轮播备用 -->
            <div class="video-item" style="width: 42%; flex-shrink: 0;">
                <div class="image-item has-video" style="height: 100%; box-shadow: 0 8px 20px rgba(0,0,0,0.2);">
                    <div class="image-container" style="padding-top: 56.25%;">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/8Y9T/879X645/%E5%B0%81%E9%9D%A23.png" style="object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></video>
                    </div>
                    <div class="image-caption">调研照片集</div>
                    <a href="https://v.douyin.com/scjUpBbBrW8/" target="_blank" style="display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%;"></a>
                </div>
            </div>
            
            <!-- 视频项5 - 轮播备用 -->
            <div class="video-item" style="width: 42%; flex-shrink: 0;">
                <div class="image-item has-video" style="height: 100%; box-shadow: 0 8px 20px rgba(0,0,0,0.2);">
                    <div class="image-container" style="padding-top: 56.25%;">
                        <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/BlAW/1623X912/run.png" style="object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></video>
                    </div>
                    <div class="image-caption">青春同旗帜共赴远方</div>
                    <a href="https://v.douyin.com/q_w6KKzYncg/" target="_blank" style="display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%;"></a>
                </div>
            </div>
        </div>
        
        <!-- 轮播控制按钮 -->
        <button class="nav-arrow prev" onclick="scrollCarousel(-1)" style="position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.4); color: white; border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; z-index: 10;">❮</button>
        <button class="nav-arrow next" onclick="scrollCarousel(1)" style="position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.4); color: white; border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; z-index: 10;">❯</button>
        
        <!-- 指示器 -->
        <div class="dots" style="display: flex; justify-content: center; gap: 8px; margin-top: 1.5rem;">
            <span class="dot active" onclick="scrollToSlide(0)" style="width: 10px; height: 10px; border-radius: 50%; background: rgba(125,162,206,0.5); cursor: pointer;"></span>
            <span class="dot" onclick="scrollToSlide(1)" style="width: 10px; height: 10px; border-radius: 50%; background: rgba(125,162,206,0.5); cursor: pointer;"></span>
            <span class="dot" onclick="scrollToSlide(2)" style="width: 10px; height: 10px; border-radius: 50%; background: rgba(125,162,206,0.5); cursor: pointer;"></span>
            <span class="dot" onclick="scrollToSlide(3)" style="width: 10px; height: 10px; border-radius: 50%; background: rgba(125,162,206,0.5); cursor: pointer;"></span>
            <span class="dot" onclick="scrollToSlide(4)" style="width: 10px; height: 10px; border-radius: 50%; background: rgba(125,162,206,0.5); cursor: pointer;"></span>
        </div>
    </div>
    
   
                        </div>
                        
                    </div>
                    <div class="home-section">
                    <h2 class="decor-title" style="border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>团队幕后工作<span>◇◇◇</span>
                    </h2>


                    <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Sj7W/2112X1600/1.JPG"  >
                                </div>
                                <div class="image-caption">团队幕后工作</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xLAL/2112X1600/2.JPG"  >
                                </div>
                                <div class="image-caption">团队幕后工作</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/YeGw/2112X1600/3.JPG"   >
                                </div>
                                <div class="image-caption">团队幕后工作</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/V99e/2112X1600/4.JPG"  >
                                </div>
                                <div class="image-caption">团队幕后工作</div>
                        </div>
                    </div>

                    <!-- 查看更多按钮 -->
                    <div style="text-align: center; margin: 2rem 0;">
                        <button id="viewMoreBtn1" style="padding: 0.8rem 1.5rem; background-color: rgb(125, 162, 206); color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem;">
                            查看更多图片
                        </button>
                    </div>

                    <!-- 更多图片区域（默认隐藏） -->
                    <div id="moreImages1" class="image-grid" style="display: none; margin-top: 2rem;">
                        
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/GR5n/1706X1279/5.jpg"  >
                            </div>
                            <div class="image-caption">团队幕后工作</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/vZVa/2112X1600/6.JPG"  >
                            </div>
                            <div class="image-caption">团队幕后工作</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/gL9V/2112X1600/7.JPG">
                            </div>
                            <div class="image-caption">团队幕后工作</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/I64S/1919X1279/8.jpg">
                            </div>
                            <div class="image-caption">团队幕后工作</div>
                        </div>
                        <div class="image-item"> 
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/7q6a/7008X4672/9.JPG">
                            </div>
                            <div class="image-caption">团队幕后工作</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/EIwc/7008X4672/10.JPG">
                            </div>
                            <div class="image-caption">团队幕后工作</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/vq6J/7008X4672/11.JPG" alt="活动启动仪式">
                            </div>
                            <div class="image-caption">团队幕后工作</div>
                        </div>
                        <div class="image-item">
                            <div class="image-container">
                                <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Ju6a/7008X4672/12.JPG" alt="教师团合影">
                            </div>
                            <div class="image-caption">团队幕后工作/div>
                        </div>
                    </div>
                </div>
                
            </section>
            <!-- 义教作品集 -->
                <section id="teaching-section" class="content-section">
                    <h2>义教作品集</h2>
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>VR作品<span>◇◇◇</span>
                    </h2>
                    <div class="teaching-course-intro margin-top: 2rem;">
                        
                        <h4 style="color: rgb(125, 162, 206); margin-left:25%;margin-top: 1rem;">同学们化身"数字文化守护者"，用VR技术全景记录了大埔中学的百年建筑与工农革命政府旧址。<br>从前进路到布满岁月痕迹的何汝精校史馆，从校园标志性孔子像到公安局旧址的革命文物，<br>每个VR作品都凝聚着独特视角，让客家文化与红色历史在数字世界"活"了起来，<br>展现出00后用科技传承文脉的新思维！</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item">
                            <span class="category-tag">VR</span>
                            <a href="https://www.720yun.com/vr/2fdjt54m5O7" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/7mCa/4096X3072/VR1.jpg" alt="VR乡村全景">
                                </div>
                                <div class="image-caption">大埔中学</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">VR</span>
                            <a href="https://realsee.cn/9YEYpg3Z?source=wechat_session" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/kkMk/1260X1693/VR2.png" alt="VR非遗体验">
                                </div>
                                <div class="image-caption">前进路</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">VR</span>
                            <a href="https://realsee.cn/bZlZpv8G?source=wechat_session" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ap2k/1080X1286/VR3.jpg" alt="VR虚拟课堂">
                                </div>
                                <div class="image-caption">孔子像后面</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">VR</span>
                            <a href="https://realsee.cn/dGqGxLy0?source=wechat_session" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/IyoA/1080X1305/VR4.jpg" alt="VR安全教育">
                                </div>
                                <div class="image-caption">何汝精校史馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">VR</span>
                            <a href="https://realsee.cn/kPJP5xev" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/mI3y/5184X3456/VR5.jpg" alt="VR红色教育">
                                </div>
                                <div class="image-caption">公安局旧址一楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">VR</span>
                            <a href="https://realsee.cn/Qw5wZrvk?source=wechat_session" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/vy5Q/711X759/VR6.jpg" alt="VR红色教育">
                                </div>
                                <div class="image-caption">公安局旧址二楼</div>
                            </a>
                        </div>
                    </div>
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; margin-top: 6rem !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>机器人作品<span>◇◇◇</span>
                    </h2>
                    <div class="teaching-course-intro">
                        <h4 style="color: rgb(125, 162, 206); margin-left:25%;margin-top: 1rem;">孩子们发挥创意，用积木搭建出 多功能雪橇车、竞走机器人、等臂杠杆、秋千、费力杠杆、双摇杆起重机、雪山避障机器人、省力杠杆 等作品。<br>点击图片即可查看对应机器人 3D 模型，直观感受创意与搭建成果 。</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/3bcz1c25r8t" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Zdab/2112X1600/robot1.jpg" alt="多功能雪橇车">
                                </div>
                                <div class="image-caption">多功能雪橇车</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/1d4za225r8v" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/9jNh/2112X1600/robot2.jpg" alt="竞走机器人">
                                </div>
                                <div class="image-caption">竞走机器人</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/82az8125r8u" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/u7gs/2112X1600/robot3.jpg" alt="等臂杠杠">
                                </div>
                                <div class="image-caption">等臂杠杠</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/b79z6225ris" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xQFl/2112X1600/robot4.jpg" alt="秋千">
                                </div>
                                <div class="image-caption">秋千</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/afdz5e25r8e" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/GR71/3072X4096/robot5.jpg" alt="费力杠杠">
                                </div>
                                <div class="image-caption">费力杠杠</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/bf4z6525rik" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/RDfU/2112X1600/robot6.jpg" alt="双摇杆起重机">
                                </div>
                                <div class="image-caption">双摇杆起重机</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/9cezd325r85" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/orPf/2112X1600/robot7.jpg" alt="雪山避障">
                                </div>
                                <div class="image-caption">雪山避障</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">3D</span>
                            <a href="https://www.720yun.com/3dm/2ccz3025r8r" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/dXEf/3072X4096/robot9.jpg" alt="省力杠杠">
                                </div>
                                <div class="image-caption">省力杠杠</div>
                            </a>
                        </div>
                    </div>
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; margin-top: 6rem !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>AI作品<span>◇◇◇</span>
                    </h2>
                    <div class="teaching-course-intro">
                        <h4 style="color: rgb(125, 162, 206); margin-left:25%;margin-top: 1rem;">在 AI 图像处理课上，孩子们用稚嫩笔触创作的水彩画，<br>经 AI 赋能实现奇妙 “复活”：水彩画里，袅袅炊烟缓缓升起，添了烟火温情；<br>蜡笔画的小猫，眨起灵动眼睛、摇起俏皮尾巴，鲜活模样跳出纸面。<br>AI 让静态画作突破边界，把童真想象变成会呼吸、会互动的动态小世界，<br>让孩子们看到自己笔下世界能如此生动，把科技与创意融合的温暖，实实在在落进课堂里。<br>点击图片即可查看对应 AI 动图。</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/28x2/1.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/qeBp/3000X2010/1.jpg" alt="图像识别">
                                </div>
                                <div class="image-caption">火烈鸟</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/MqXD/2.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/lJvK/2055X3000/2.jpg" alt="语音交互">
                                </div>
                                <div class="image-caption">向日葵</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/EKkp/3.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/l4of/2009X3000/3.jpg" alt="数据分析">
                                </div>
                                <div class="image-caption">皮卡丘</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/S7u4/4.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/MyRq/3000X2129/4.jpg" alt="智能推荐">
                                </div>
                                <div class="image-caption">蝴蝶</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Q3Mz/5.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/awlq/3000X2052/5.jpg" alt="AI绘画">
                                </div>
                                <div class="image-caption">猫咪</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ZGAr/6.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/SUVS/3000X2075/6.jpg" alt="图像识别">
                                </div>
                                <div class="image-caption">猫咪</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/s2GV/7.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Imxg/2037X3000/7.jpg" alt="语音交互">
                                </div>
                                <div class="image-caption">花瓶</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/0NAl/8.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/CB33/3000X2147/8.jpg" alt="数据分析">
                                </div>
                                <div class="image-caption">蝶与四叶草</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/sfZt/9.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/DVbb/3000X2086/9.jpg" alt="智能推荐">
                                </div>
                                <div class="image-caption">猫咪</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/hGID/10.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/0jQU/3000X2066/10.jpg" alt="AI绘画">
                                </div>
                                <div class="image-caption">猫咪</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Jnhn/11.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QwJT/3000X2119/11.jpg" alt="图像识别">
                                </div>
                                <div class="image-caption">猫咪</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/7hwe/12.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/UYlg/2084X3000/12.jpg" alt="语音交互">
                                </div>
                                <div class="image-caption">向日葵</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/3tML/13.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/8RII/2098X3000/13.jpg" alt="数据分析">
                                </div>
                                <div class="image-caption">房子</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/EuhP/14.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/XJJv/3000X2123/14.jpg" alt="智能推荐">
                                </div>
                                <div class="image-caption">猫咪</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/W02t/15.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/qDoS/3000X2127/15.jpg" alt="AI绘画">
                                </div>
                                <div class="image-caption">向日葵</div>
                            </a>
                        </div>
                        <div class="image-item has-video">
                            <span class="category-tag">AI</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/EOGC/16.mp4" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/B656/3000X2142/16.jpg" alt="图像识别">
                                </div>
                                <div class="image-caption">猫咪</div>
                            </a>
                        </div>
                    </div>
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; margin-top: 6rem !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>其他作品<span>◇◇◇</span>
                    </h2>
                    <div class="teaching-course-intro">
                        <h4 style="color: rgb(125, 162, 206); margin-left:25%;margin-top: 1rem;">同学们用画笔表达了对地球的关爱，创作出"少一份污染"、"共绘美好蓝天"等主题画作。<br>三组作品各具特色，通过稚嫩笔触，孩子们将"4.22世界地球日"的环保理念生动呈现，<br>展现出守护地球的童真决心！<br>用木质拼插模型制作的手工昆虫作品，包含蝴蝶、蜻蜓、蜜蜂、螳螂、蝎子等多种造型，<br>通过精细切割的木板拼接而成，展现出昆虫的外形结构，兼具创意与科普性。<br>点击图片即可查看对应作品。</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item">
                            <span class="category-tag">其他</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/PHFF/1301X1839/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/PHFF/1301X1839/1.jpg" alt="小组一作品">
                                </div>
                                <div class="image-caption">小组一作品</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">其他</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/GouT/1741X1231/2.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/GouT/1741X1231/2.jpg" alt="小组二作品">
                                </div>
                                <div class="image-caption">小组二作品</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">其他</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/5hYx/1811X1280/3.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/5hYx/1811X1280/3.jpg" alt="小组三作品">
                                </div>
                                <div class="image-caption">小组三作品</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <span class="category-tag">其他</span>
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ygfG/3072X4096/4.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ygfG/3072X4096/4.jpg" alt="拼图作品">
                                </div>
                                <div class="image-caption">拼图作品</div>
                            </a>
                        </div>
                    </div>
                </section>
                <!-- 义教课堂图片 -->
                <section id="teaching-time" class="content-section">
                    <h2>义教课堂图片</h2>
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>师生合照<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">蝉鸣漫过梅州的山岗，“助梦e夏”的义教脚步迈进大埔教堂。<br>开班礼上笑靥绽放，镜头里定格乡野，<br>代码编织数字梦想，体育点燃少年热血。<br>我们把热忱融进教案，播下知识的种子，静待花开。</h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/SPOA/1919X1279/1.jpg"  >
                                </div>
                                <div class="image-caption">师生合照</div>
                            
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xu0C/2112X1600/2.JPG"  >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/D282/5184X3456/3.jpg"   >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/gMtF/2112X1600/4.JPG"  >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ZE63/2112X1600/5.jpg"  >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/wpnv/2112X1600/6.JPG"  >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2GXN/2112X1600/7.JPG"   >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/yrkM/2112X1600/8.JPG"   >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/wp8S/2112X1600/9.JPG"  >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/4sbf/2112X1600/10.JPG"  >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/UgEu/2112X1600/11.JPG"   >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/HIZS/2112X1600/12.JPG"   >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/4rpe/5568X3712/13.jpg"  >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/W1io/5184X3456/14.jpg"  >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/LLfO/1280X854/15.jpg"   >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/uU8E/2112X1600/16.jpg"   >
                                </div>
                                <div class="image-caption">师生合照</div>
                        </div>
                    </div>
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; margin-top: 6rem !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>开班仪式<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">晨光里，一张张崭新的面孔带着期待相聚于此。<br>黑板上的“开班”二字，像一声清脆的号角，宣告着一段新旅程的开启。<br>老师们眼中的期许，学生们脸上的憧憬，在这一刻交织成最动人的画面。<br>这不仅是一次知识的启程，更是一场缘分的相聚。</h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/teiZ/5184X3456/1.JPG"  >
                                </div>
                                <div class="image-caption">开班仪式</div>
                            
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/1MkU/5184X3456/2.JPG"  >
                                </div>
                                <div class="image-caption">开班仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/9Aiw/5184X3456/3.JPG"   >
                                </div>
                                <div class="image-caption">开班仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ZhrL/7008X4672/4.JPG"  >
                                </div>
                                <div class="image-caption">开班仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/mCfI/5184X3456/5.JPG"  >
                                </div>
                                <div class="image-caption">开班仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/J5KT/5184X3456/6.jpg"  >
                                </div>
                                <div class="image-caption">开班仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/sG4X/5184X3456/7.jpg"   >
                                </div>
                                <div class="image-caption">开班仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/z0W0/5184X3456/8.jpg"   >
                                </div>
                                <div class="image-caption">开班仪式</div>
                        </div>
                    </div>
                    
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>老师祝福<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">办公室的灯光亮到很晚，老师们伏在案前，笔尖在信纸上沙沙游走。<br>字迹或娟秀或遒劲，纸页上还沾着淡淡的墨水香，<br>每一笔都浸着朝夕相处的惦念。<br>那些没说过的温柔，没讲完的鼓励，都被妥帖地写进字里行间，<br>等着在结课那天，轻轻放进孩子们的手心。</h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2iSw/1738X1833/1.jpg" alt="李老师">
                                </div>
                                <div class="image-caption">李老师</div>
                            
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/0AJe/1861X1677/2.jpg" alt="郑老师">
                                </div>
                                <div class="image-caption">郑老师</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/rLuY/1026X1674/3.jpg" alt="小罗老师">
                                </div>
                                <div class="image-caption">小罗老师</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/IoM1/2515X1787/4.jpg" alt="小郭老师+小曾老师">
                                </div>
                                <div class="image-caption">小郭老师+小曾老师</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ht9W/1716X1741/5.jpg" alt="小林老师">
                                </div>
                                <div class="image-caption">小林老师</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/t8b8/1307X1227/6.jpg" alt="小潘老师">
                                </div>
                                <div class="image-caption">小潘老师</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/SE59/1846X1890/7.jpg" alt="小叶老师">
                                </div>
                                <div class="image-caption">小叶老师</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2GOV/1702X1768/8.jpg" alt="小涂老师">
                                </div>
                                <div class="image-caption">小涂老师</div>
                        </div>
                    </div>
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; margin-top: 6rem !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>结课仪式<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">当最后一页讲义翻过，当熟悉的课堂响起掌声，<br>我们站在了这段旅程的终点，也望向了新的起点。<br>合唱声里混着笑，跑调也开心；<br>分发的零食袋印着手绘的课堂趣事，甜意里裹着回忆；<br>合照时挤成一团，快门定格满屏的笑，还有藏不住的不舍。</h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/7QHP/2112X1600/1.jpg"  >
                                </div>
                                <div class="image-caption">结课仪式</div>
                            
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/39Px/2112X1600/2.jpg"  >
                                </div>
                                <div class="image-caption">结课仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/n9ra/2112X1600/3.jpg"   >
                                </div>
                                <div class="image-caption">结课仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Jyaj/2112X1600/4.jpg"  >
                                </div>
                                <div class="image-caption">结课仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/DC03/2112X1600/5.jpg"  >
                                </div>
                                <div class="image-caption">结课仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/FsvG/2112X1600/6.jpg"  >
                                </div>
                                <div class="image-caption">结课仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/j7kV/2112X1600/7.jpg"   >
                                </div>
                                <div class="image-caption">结课仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/8ZLh/2112X1600/8.jpg"   >
                                </div>
                                <div class="image-caption">结课仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/eF7V/2112X1600/9.jpg"  >
                                </div>
                                <div class="image-caption">结课仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/yKKy/2112X1600/10.jpg"  >
                                </div>
                                <div class="image-caption">结课仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ajjy/2112X1600/11.jpg"   >
                                </div>
                                <div class="image-caption">结课仪式</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/zPdx/2112X1600/12.jpg"   >
                                </div>
                                <div class="image-caption">结课仪式</div>
                        </div>
                    </div>
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; margin-top: 6rem !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>AI课<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">充满未来感的AI课让孩子们的想象力插上科技翅膀！<br>同学们用关键词描绘"梦想中的校园"、"未来职业"和"家乡美景"，<br>AI瞬间将天马行空的想法变成精美画作。<br>更神奇的是，孩子们手绘的客家围屋升起袅袅炊烟，<br>卡通小猫在屏幕上眨眼睛摇尾巴——AI让静态图画变身生动动画！<br>当童真创意遇上智能科技，每个孩子都成为了"小小数字魔法师"，<br>在快乐中感受科技与艺术碰撞的无限可能。</h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/OHXe/2112X1600/1.JPG"  >
                                </div>
                                <div class="image-caption">AI课</div>
                            
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/3q9B/2112X1600/2.JPG"  >
                                </div>
                                <div class="image-caption">AI课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/rAbk/2112X1600/3.JPG"   >
                                </div>
                                <div class="image-caption">AI课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/mnUM/2112X1600/4.JPG"  >
                                </div>
                                <div class="image-caption">AI课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/OaON/2112X1600/5.JPG"  >
                                </div>
                                <div class="image-caption">AI课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Z0Ze/2112X1600/6.JPG"  >
                                </div>
                                <div class="image-caption">AI课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/bTJC/2112X1600/7.JPG"   >
                                </div>
                                <div class="image-caption">AI课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/coEM/2112X1600/8.JPG"   >
                                </div>
                                <div class="image-caption">AI课</div>
                        </div>
                    </div>
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; margin-top: 6rem !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>机器人课<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">充满创造力的机器人课从理论讲解开始，但孩子们早已按捺不住动手的渴望！<br>当零件盒打开的瞬间，课堂秒变"创意工坊"——孩子们专注拼接、热烈讨论，<br>在老师指导下将零散部件变成会移动、能完成动作的智能机器人。<br>从上午恋恋不舍不愿离开，到下午提前到教室等待，<br>孩子们的热情让课程不得不加开一节。<br>最终，当一个个独一无二的机器人作品登台展示时，<br>每张小脸上都写满了成就感和发明家的自豪！</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/iwHk/2112X1600/1.JPG"  >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/6sP2/2112X1600/2.JPG"  >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/3I5u/2112X1600/3.JPG"   >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/XLya/2112X1600/4.JPG"  >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/0wq9/2112X1600/5.JPG"  >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/D3Mx/2112X1600/6.JPG"  >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/B0Nf/2112X1600/7.JPG"   >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/9klr/2112X1600/8.JPG"  >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Uhpq/2112X1600/9.JPG"   >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/qkwL/2112X1600/10.JPG"  >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2LIh/5184X3456/11.JPG"  >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/zePd/5184X3456/12.JPG"  >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ZhCu/5184X3456/13.JPG"   >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/EmDa/2112X1600/14.JPG"   >
                                </div>
                                <div class="image-caption">机器人课</div>
                        </div>
                    </div>
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; margin-top: 6rem !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>VR科普课<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">VR科普课带同学们穿越虚拟与现实的边界：<br>从立体视镜的百年演变到现代VR技术揭秘，<br>同学们通过全景影像"云游"校园与红色旧址，更化身"空间扫描师"，<br>用手机VR记录教室、机器人作品和客家文化建筑。<br>在拍摄大埔县工农革命政府公安局旧址时，历史在VR镜头里变得触手可及。<br>当科技与人文碰撞，同学们不仅学会了用新技术留存世界，<br>更发现：原来每个角落都藏着等待被数字化的故事。</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/TjTA/2112X1600/1.JPG"  >
                                </div>
                                <div class="image-caption">VR课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/0zTq/2112X1600/2.JPG"  >
                                </div>
                                <div class="image-caption">VR课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/c2BV/2112X1600/3.JPG"   >
                                </div>
                                <div class="image-caption">VR课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/3k4c/5184X3456/4.JPG"  >
                                </div>
                                <div class="image-caption">VR课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Vs97/5184X3456/5.JPG"  >
                                </div>
                                <div class="image-caption">VR课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/GcJl/5184X3456/6.JPG"  >
                                </div>
                                <div class="image-caption">VR课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/mloT/6000X4000/7.JPG"   >
                                </div>
                                <div class="image-caption">VR课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ICkO/6000X4000/8.JPG"  >
                                </div>
                                <div class="image-caption">VR课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Y0qk/2880X1620/9.jpg"   >
                                </div>
                                <div class="image-caption">VR课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/VcJn/2880X1620/10.jpg"  >
                                </div>
                                <div class="image-caption">VR课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/gjLY/2880X1620/11.jpg"  >
                                </div>
                                <div class="image-caption">VR课</div>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>体育课<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">体育课，充满了意外与惊喜——从烈日下的自由奔跑，到暴雨转场后的理论课堂；<br>从篮球场上的挥汗如雨，到趣味问答中的知识碰撞。<br>天气多变，但孩子们的热情不减，<br>他们在运动中学会协作，在游戏中收获成长。<br>真正的体育精神，不局限于场地与形式，<br>而在于那颗永远跃动的热爱之心！</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/GqNC/2112X1600/1.JPG"  >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/zZS1/2112X1600/2.jpg"  >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Dgkm/5184X3456/3.JPG"   >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/XEm7/2112X1600/4.jpg"  >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Vydb/2112X1600/5.jpg"  >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/gjXd/2112X1600/6.jpg"  >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/uXj5/2112X1600/7.JPG"   >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/FmBD/2112X1600/8.jpg"  >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/pkfs/2112X1600/9.JPG"   >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/oMKe/2112X1600/10.jpg"  >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QI1z/5184X3456/11.JPG"  >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/q7lF/5184X3456/12.JPG"  >
                                </div>
                                <div class="image-caption">体育课</div>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>化学课<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">化学课上，初三学生带领学弟学妹玩 “逛三园” 游戏学知识：<br>氧化物园里，孩子们争论哪些物质属于氧化物，追着老师问答案；<br>酸碱园里，大孩子抢答酸碱名称，小不点急得拍桌，输了还喊 “下次必赢”。<br>最后分奖品，赢的拿零食，输的有安慰奖。有孩子说 “化学课的糖更甜”，还有人要把零食带给妈妈，分享今天认识了化学。<br>游戏藏知识，化学种子悄悄种下。</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ygkg/5184X3456/1.JPG"  >
                                </div>
                                <div class="image-caption">化学课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/DVKe/5184X3456/2.JPG"  >
                                </div>
                                <div class="image-caption">化学课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/E1N2/5184X3456/3.JPG"   >
                                </div>
                                <div class="image-caption">化学课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Y7jG/5184X3456/4.JPG"  >
                                </div>
                                <div class="image-caption">化学课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/vrrr/2112X1600/5.jpg"  >
                                </div>
                                <div class="image-caption">化学课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Vuqi/2112X1600/6.jpg"  >
                                </div>
                                <div class="image-caption">化学课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/GSwF/2112X1600/7.jpg"   >
                                </div>
                                <div class="image-caption">化学课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/mr3E/2112X1600/8.jpg"  >
                                </div>
                                <div class="image-caption">化学课</div>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>地理课<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">地理课上，孩子们先好奇提问 “地球真的是圆的吗，为啥看着是平的”，老师由此展开，<br>讲解地球的形状、大小、位置、地形地貌和圈层知识，带大家走进地理世界。<br>随后探讨地球污染类型，并看图识别地形，有四年级小朋友抢答 “因为它是平的，所以是平原！”<br>最后，孩子们分组创作环保主题画作，<br>“爱护环境，人人有责”“防治大气污染，共绘美好蓝天”“4.22—— 世界地球日” 等话语，<br>以童真笔触寄托守护地球的期许。</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/67HP/5184X3456/1.JPG"  >
                                </div>
                                <div class="image-caption">地理课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/PzKf/5184X3456/2.JPG"  >
                                </div>
                                <div class="image-caption">地理课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QMEv/5184X3456/3.JPG"   >
                                </div>
                                <div class="image-caption">地理课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/RuTI/5184X3456/4.JPG"  >
                                </div>
                                <div class="image-caption">地理课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/rTIi/5184X3456/5.JPG"  >
                                </div>
                                <div class="image-caption">地理课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/USsN/5184X3456/6.JPG"  >
                                </div>
                                <div class="image-caption">地理课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Nz1f/5184X3456/7.JPG"   >
                                </div>
                                <div class="image-caption">地理课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/5pdt/2112X1600/8.png"  >
                                </div>
                                <div class="image-caption">地理课</div>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>安全科普课<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">安全课上，义教老师分享高中时因运动防护不当崴脚的经历，让孩子们明白玩得开心时保护自己很重要。<br>面对 “不同灭火器咋区分”“火灾中没法报警咋办” 等问题，老师举例讲解，孩子们满脸求知欲。<br>最后通过 “你画我猜” 小游戏，“安全标识”“防毒面具” 等词让大家轻松掌握安全知识。</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/GoG1/5184X3456/1.JPG"  >
                                </div>
                                <div class="image-caption">安全科普课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/nD9P/5184X3456/2.JPG"  >
                                </div>
                                <div class="image-caption">安全科普课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Mxtu/5184X3456/3.JPG"   >
                                </div>
                                <div class="image-caption">安全科普课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/NSaK/5184X3456/4.JPG"  >
                                </div>
                                <div class="image-caption">安全科普课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Lk6R/2112X1600/5.jpg"  >
                                </div>
                                <div class="image-caption">安全科普课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/BccD/2112X1600/6.jpg"  >
                                </div>
                                <div class="image-caption">安全科普课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/nWfj/2112X1600/7.jpg"   >
                                </div>
                                <div class="image-caption">安全科普课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Gyw3/2112X1600/8.jpg"  >
                                </div>
                                <div class="image-caption">安全科普课</div>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>趣味编程课<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">数学与代码碰撞出火花：下午的课堂上，老师将初中生所学的数学知识转化为 Python 语言教学，用代码实现加减乘除运算，<br>还能求解一元二次方程等实际问题，让数学解题 “开挂”。编程实践不分年龄：<br>同学们走进 Python 图形绘图世界，在老师提供的简单模板基础上，发挥奇思妙想，亲手制作属于自己的编程作品，<br>初中生也能变身程序小能手。还有欢乐的扫雷游戏！扫到雷的同学乖乖接受 “惩罚”，拍下趣味小合照。<br>用自己编写的代码玩游戏，连 “被炸” 都格外开心。<br>或许，教育就藏在这样的生活实践里，藏在这些充满惊喜的 “意外” 瞬间中。</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/rUr4/2112X1600/1.jpg"  >
                                </div>
                                <div class="image-caption">趣味编程课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/HA7N/2112X1600/2.jpg"  >
                                </div>
                                <div class="image-caption">趣味编程课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/mqk7/2112X1600/3.jpg"   >
                                </div>
                                <div class="image-caption">趣味编程课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/wn6L/2112X1600/4.jpg"  >
                                </div>
                                <div class="image-caption">趣味编程课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/O8YZ/2112X1600/5.jpg"  >
                                </div>
                                <div class="image-caption">趣味编程课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/SZw8/2112X1600/6.jpg"  >
                                </div>
                                <div class="image-caption">趣味编程课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/quFx/2112X1600/7.jpg"   >
                                </div>
                                <div class="image-caption">趣味编程课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ij1t/2112X1600/8.jpg"  >
                                </div>
                                <div class="image-caption">趣味编程课</div>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>艺体课<span>◇◇◇</span>
                    </h2>
                    <div class="course-intro">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem; text-align: center;">艺体课上，老师先分解舞蹈动作，一步步示范讲解。<br>音乐响起后，学生们跟着节奏跳起来。低年级的跟着晃动手臂、踮脚，动作不太协调；高年级的努力记动作，错了就看老师重做，再跟着纠正。<br>有人顺拐了自己笑，有人被旁边同学带错方向，也跟着大家继续跳。<br>最后展示阶段，没跳整齐的互相提醒，跳得好的很得意。</h4>
                    </div>
                    <div class="image-grid">
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/uprj/256X192/1.jpg"  >
                                </div>
                                <div class="image-caption">艺体课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/MEpz/5568X3712/2.jpg"  >
                                </div>
                                <div class="image-caption">艺体课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Kdyj/5568X3712/3.jpg"   >
                                </div>
                                <div class="image-caption">艺体课</div>
                        </div>
                        <div class="image-item">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Sq14/3712X5568/4.jpg"  >
                                </div>
                                <div class="image-caption">艺体课</div>
                        </div>
                    </div>
                </section>

                <!-- 调研报告 -->
                <section id="report-history" class="content-section">
                    <h2>非遗文化</h2>                    
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>娘酒<span>◇◇◇</span>
                    </h2>
                    <div class="history-course-intro" style="padding: 4rem; padding: 10rem; margin-top: 0px; padding-left: 11rem;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem;">
                            <h3 style="color: rgb(125, 162, 206);">客家版 “黄酒” 的独特韵味</h3>
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">娘酒属于黄酒范畴，以糙糯米为主要原料，辅以酒曲发酵，经长时间陈酿及独特的 “火炙” 工艺制成。其色泽多呈琥珀色或深褐色，口感醇厚甘甜，酒香浓郁绵长，酒精度数较低（通常在 15%-20% 左右），兼具饮用、调味、滋补等多重价值，是客家饮食文化中不可或缺的一部分。

                                在客家传统中，娘酒不仅是节庆、宴客的佳酿，更与生活紧密相连：产妇坐月子时用娘酒炖鸡补身，日常烹饪时用作调味（如娘酒焖肉、娘酒蒸蛋），逢年过节则作为馈赠佳品，蕴含着 “吉祥、团圆、滋补” 的寓意。
                            </p>
                            <br><h3 style="color: rgb(125, 162, 206); margin-left: 65px;">核心酿造工艺：坚守古法的 “时光魔法”</h3>
                            
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                梅州娘酒的酿造以 “古法传承、手工精作” 为核心，每一步都讲究 “天时、地利、人和”，正如珍姨娘酒坊所展现的，工序繁杂且依赖经验：<br>
                                1. 精选原料：以当地优质糙糯米为主，保留更多营养成分，是酒香醇厚的基础。<br>
                                2. 浸泡与蒸饭：糯米经 10 小时浸泡后，用蒸汽蒸制 2 小时以上（500 斤糯米需纯人工把控火候），确保米粒 “熟透不烂、颗粒分明”，为发酵提供优质淀粉。<br>
                                3. 摊凉加曲：蒸好的糯米饭摊凉至适宜温度（约 30-40℃），加入自制酒曲（多为草药与谷物混合制成的传统曲种），搅拌均匀后装入陶瓷罐，此步骤直接影响发酵效率与风味。<br>
                                4. 长期发酵：陶罐置于恒温（约 20-25℃）、幽暗的地下室，经半年以上自然发酵，微生物将淀粉转化为酒精与糖分，沉淀出独特酒香。<br>
                                5. 火炙点睛：发酵完成后，将酒装入陶罐，用谷壳或松柴慢火炙烤（“火炙”），通过高温去除杂质、稳定酒质，同时赋予娘酒更深的色泽与焦香，是区别于其他黄酒的标志性工艺。<br>
                            </p>    
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/HvhV/2043X1600/1.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/HvhV/2043X1600/1.jpeg" alt="非遗娘酒">
                                </div>
                                <div class="image-caption">非遗娘酒</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/7PV8/2133X1600/2.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/7PV8/2133X1600/2.jpeg" alt="非遗娘酒">
                                </div>
                                <div class="image-caption">非遗娘酒</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Dj6f/2133X1600/3.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Dj6f/2133X1600/3.jpeg" alt="非遗娘酒">
                                </div>
                                <div class="image-caption">非遗娘酒</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/VIbX/2133X1600/4.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/VIbX/2133X1600/4.jpeg" alt="非遗娘酒">
                                </div>
                                <div class="image-caption">非遗娘酒</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ZUE7/2133X1600/5.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ZUE7/2133X1600/5.jpeg" alt="非遗娘酒">
                                </div>
                                <div class="image-caption">非遗娘酒</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/X2no/1600X2133/6.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/X2no/1600X2133/6.jpeg" alt="非遗娘酒">
                                </div>
                                <div class="image-caption">非遗娘酒</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/pddE/2133X1600/7.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/pddE/2133X1600/7.jpeg" alt="非遗娘酒">
                                </div>
                                <div class="image-caption">非遗娘酒</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/PNNl/4624X2600/8.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/PNNl/4624X2600/8.jpg" alt="非遗娘酒">
                                </div>
                                <div class="image-caption">非遗娘酒</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/shCi/3472X4624/9.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/shCi/3472X4624/9.jpg" alt="非遗娘酒">
                                </div>
                                <div class="image-caption">非遗娘酒</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/8vXd/3472X4624/10.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/8vXd/3472X4624/10.jpg" alt="非遗娘酒">
                                </div>
                                <div class="image-caption">非遗娘酒</div>
                            </a>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>竹畲箩<span>◇◇◇</span>
                    </h2>
                    <div class="history-course-intro1 padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                在梅州大埔县茶阳镇茅坪村，藏着一门跨越 500 余年的客家老手艺 ——竹畲箩。作为梅州大埔县市级非物质文化遗产，它以当地盛产的毛竹、苗竹为原料，经选竹、开竹、破篾等 20 多道精细工序手工编织而成，每一根竹篾的翻飞都考验着匠人的 “心静手稳”。<br>
                                在客家传统里，竹畲箩是节庆与喜事的 “吉祥符号”：粤东地区逢年过节、娶妻嫁女时，会将其精心装饰，承载着对团圆与喜庆的期盼。过去，茅坪村几乎家家户户都会编，一条街半数店铺以编织售卖竹畲箩为生，产品多销往粤东各地。<br>
                                但如今，这门手艺正面临 “断代” 困境：工序复杂、收入微薄，年轻人不愿投身，村中掌握技艺者多为四五十岁以上的老手艺人。尽管曾亮相非遗展引来关注，却鲜有人愿学。<br>
                                黄联安夫妇这样的坚守者，用大半辈子践行着 “不偷工减料” 的匠人准则。而这只竹篾编织的箩筐里，装着的不仅是客家民俗的记忆，更是老手艺在时代浪潮中对 “活下去” 的期盼。<br>
                            </p>    
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/qoMC/2600X4624/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/qoMC/2600X4624/1.jpg" alt="非遗竹畲箩">
                                </div>
                                <div class="image-caption">非遗竹畲箩</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xEnU/2600X4624/2.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xEnU/2600X4624/2.jpg" alt="非遗竹畲箩">
                                </div>
                                <div class="image-caption">非遗竹畲箩</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/eIba/3024X4032/3.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/eIba/3024X4032/3.jpg" alt="非遗竹畲箩">
                                </div>
                                <div class="image-caption">非遗竹畲箩</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/q5YC/4032X3024/4.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/q5YC/4032X3024/4.jpg" alt="非遗竹畲箩">
                                </div>
                                <div class="image-caption">非遗竹畲箩</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2em4/3024X4032/5.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2em4/3024X4032/5.jpg" alt="非遗竹畲箩">
                                </div>
                                <div class="image-caption">非遗竹畲箩</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/r5Sg/2416X1992/6.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/r5Sg/2416X1992/6.jpg" alt="非遗竹畲箩">
                                </div>
                                <div class="image-caption">非遗竹畲箩</div>
                            </a>
                        </div>
                       
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>陶瓷<span>◇◇◇</span>
                    </h2>
                    <div class="history-course-intro1 padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 15px;">
                                大埔陶瓷以 “纯手工” 为核心，从原料淘洗陈腐到浴火窑变，每一步都凝结着匠人的心血：矿石经破碎、湿磨、压滤提纯，泥料需静置数周 “陈腐” 养性；借助石膏模具注模后，匠人在辘轳车上手工拉坯塑形，修坯时对线条的拿捏、施釉时浸 / 喷 / 刷 / 荡的手法，全凭经验与手感；最后经素烧、本烧的窑火淬炼，高温下的釉料流动与变化充满未知，即便是老手艺人，开窑时也会为偶然的惊喜或遗憾而心动。<br>
                                正如富大陶瓷的黄萌柱厂长所说，机器生产能高效复制，却少了手工的 “味道” 与 “灵魂”。那些因手工误差产生的细微差异，甚至窑变中偶然的 “不完美”，恰恰让每件瓷器都成为独一无二的存在 —— 这是工业化无法替代的温度，也是大埔陶瓷非遗价值的核心。<br>
                                过去，大埔陶瓷凭借精湛工艺成为地域名片；如今，匠人们坚守着 “十年如一日” 的纯粹初心，而青年力量正以 3D 建模、VR 全景等数字技术为其赋能：建立瓷器档案、复刻生产实景、记录工艺轨迹，让这份 “唯一” 的文化记忆得以永续传承。<br>
                                从泥坯到瓷器，从匠人掌心到数字云端，大埔陶瓷的 “唯一” 故事，既是老手艺对传统的敬畏，也是非遗在时代浪潮中生生不息的证明。<br>
                            </p>    
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/6Uj3/964X497/1.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/6Uj3/964X497/1.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/onPM/970X522/2.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/onPM/970X522/2.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2rdj/1266X709/3.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2rdj/1266X709/3.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xrs8/1267X678/4.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xrs8/1267X678/4.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/k31v/998X637/5.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/k31v/998X637/5.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/cazI/1268X695/6.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/cazI/1268X695/6.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/6HXI/1264X650/7.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/6HXI/1264X650/7.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/e6BN/1267X845/8.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/e6BN/1267X845/8.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/GLPr/1080X1620/9.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/GLPr/1080X1620/9.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/1Byq/1267X845/10.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/1Byq/1267X845/10.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/EueS/1267X845/11.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/EueS/1267X845/11.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/nEJn/656X983/12.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/nEJn/656X983/12.png" alt="非遗陶瓷">
                                </div>
                                <div class="image-caption">非遗陶瓷</div>
                            </a>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>汉乐<span>◇◇◇</span>
                    </h2>
                    <div class="history-course-intro1 padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 15px;">
                                广东汉乐，国家级非物质文化遗产，旧称客家音乐、外江弦等，是千年前客家先民南迁带来的中原古乐，在大埔流传超五百年，有“中州古乐”“中原遗响”之美誉，曲风典雅大气、古朴流畅。<br>
                                从战乱时期算起，它已有1000-1200年历史，让大埔赢得“汉乐之乡”“汉剧之乡”的美名。而成立36年的广东汉乐研究会，更让大埔成为当之无愧的“汉乐摇篮”。<br>
                                团队走访大埔县广东汉乐研究会，与会长黄成光、副会长姚娟就广东汉乐传承展开对话。广东汉乐是国家级非遗，有千年左右历史，在大埔流传超五百年。汉研会推动汉乐进校园，指导学校汉乐团获佳绩；线上通过公众号、视频号，线下深入镇村及与福建等地团队互动来宣传推广。传承核心是热爱、热忱与文化自信，传承中面临经费拮据及在坚守与创新间找平衡的挑战，但传承人对前景充满信心。团队也计划用数字化技术助力汉乐传承。
                            </p>    
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QlwA/972X647/1.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QlwA/972X647/1.jpeg" alt="非遗汉乐">
                                </div>
                                <div class="image-caption">非遗汉乐</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/quve/1024X682/3.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/quve/1024X682/3.jpeg" alt="非遗汉乐">
                                </div>
                                <div class="image-caption">非遗汉乐</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/DtOT/1024X682/4.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/DtOT/1024X682/4.jpeg" alt="非遗汉乐">
                                </div>
                                <div class="image-caption">非遗汉乐</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/U2OK/972X647/5.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/U2OK/972X647/5.jpeg" alt="非遗汉乐">
                                </div>
                                <div class="image-caption">非遗汉乐</div>
                            </a>
                        </div>
                 
                    </div>
                </section>

                <section id="report" class="content-section">
                    <h2>大埔文化</h2>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>父子进士牌坊：石头上的寒窗账<span>◇◇◇</span>
                    </h2>
                    <div class="culturl-course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                茶阳镇的父子进士牌坊，是明朝饶相、饶与龄父子苦读的见证。顶层 “恩荣” 匾额下，刻着他们的仕宦历程，透着 “夜读不辍” 的韧劲。两侧雕刻藏着巧思：双狮滚球石纹嵌半方砚台，龙纹鳞片似翻开的书页。
                            </p>   
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/MxjL/1280X853/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/MxjL/1280X853/1.jpg" alt="父子进士牌坊">
                                </div>
                                <div class="image-caption">父子进士牌坊</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/mz19/1280X853/2.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/mz19/1280X853/2.jpg" alt="父子进士牌坊">
                                </div>
                                <div class="image-caption">父子进士牌坊</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/IJTM/5184X3456/3.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/IJTM/5184X3456/3.JPG" alt="父子进士牌坊">
                                </div>
                                <div class="image-caption">父子进士牌坊</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/JKGY/5184X3456/4.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/JKGY/5184X3456/4.jpg" alt="父子进士牌坊">
                                </div>
                                <div class="image-caption">父子进士牌坊</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/c4HZ/5184X3456/5.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/c4HZ/5184X3456/5.JPG" alt="父子进士牌坊">
                                </div>
                                <div class="image-caption">父子进士牌坊</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/iy8D/5184X3456/6.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/iy8D/5184X3456/6.JPG" alt="父子进士牌坊">
                                </div>
                                <div class="image-caption">父子进士牌坊</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/sCMM/5184X3456/7.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/sCMM/5184X3456/7.JPG" alt="父子进士牌坊">
                                </div>
                                <div class="image-caption">父子进士牌坊</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/nyiT/5184X3456/8.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/nyiT/5184X3456/8.jpg" alt="父子进士牌坊">
                                </div>
                                <div class="image-caption">父子进士牌坊</div>
                            </a>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>诒谷堂：耕读传家的活教材<span>◇◇◇</span>
                    </h2>
                    <div class="culturl-course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                ​
                                1524 年的诒谷堂，“晴耕养身，雨读养心” 的祖训随处可感。围龙屋形似磨谷的砻，暗喻 “读书如舂米，越磨越精”。天井里清代石板砚边缘光亮，承载着饶家子弟农忙后仍坚持书写的日常。
                                诒谷堂的 “耕读” 精神，至今仍是大埔人教育的核心：无论是农家子弟还是城市孩子，都被教导要勤奋学习、尊重知识。如今，诒谷堂已成为大埔教育文化的活教材，吸引着无数学子前来参观学习。                              
                            </p>   
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/OfQT/1280X853/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/OfQT/1280X853/1.jpg" alt="诒谷堂">
                                </div>
                                <div class="image-caption">诒谷堂</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/6inq/1600X1066/2.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/6inq/1600X1066/2.jpg" alt="诒谷堂">
                                </div>
                                <div class="image-caption">诒谷堂</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/KeiD/1066X1600/3.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/KeiD/1066X1600/3.jpg" alt="诒谷堂">
                                </div>
                                <div class="image-caption">诒谷堂</div>
                            </a>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>邹鲁故居：教育拓荒的笔墨痕<span>◇◇◇</span>
                    </h2>
                    <div class="culturl-course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                邹鲁故居藏着近代教育拓荒史。他办学时没钱买课本，就带学生手抄；校舍漏雨，把讲台移到屋檐下。藏书册页常被拆开分抄，页边 “此处要多问” 的小字，尽显育人用心。
                            </p>
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2RPY/1280X853/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2RPY/1280X853/1.jpg" alt="邹鲁故居">
                                </div>
                                <div class="image-caption">邹鲁故居</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Y3v2/5184X3456/2.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Y3v2/5184X3456/2.JPG" alt="邹鲁故居">
                                </div>
                                <div class="image-caption">邹鲁故居</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/3P20/5184X3456/3.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/3P20/5184X3456/3.JPG" alt="邹鲁故居">
                                </div>
                                <div class="image-caption">邹鲁故居</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/STjW/5184X3456/4.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/STjW/5184X3456/4.JPG" alt="邹鲁故居">
                                </div>
                                <div class="image-caption">邹鲁故居</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Nqhn/5184X3456/5.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Nqhn/5184X3456/5.JPG" alt="邹鲁故居">
                                </div>
                                <div class="image-caption">邹鲁故居</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ZTIV/5184X3456/6.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ZTIV/5184X3456/6.JPG" alt="邹鲁故居">
                                </div>
                                <div class="image-caption">邹鲁故居</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/eEiQ/5184X3456/7.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/eEiQ/5184X3456/7.JPG" alt="邹鲁故居">
                                </div>
                                <div class="image-caption">邹鲁故居</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/msZn/5184X3456/8.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/msZn/5184X3456/8.JPG" alt="邹鲁故居">
                                </div>
                                <div class="image-caption">邹鲁故居</div>
                            </a>
                        </div>
                        
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>工农革命公安局旧址：烽火中的识字课<span>◇◇◇</span>
                    </h2>
                    <div class="culturl-course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                工农革命公安局旧址阁楼，曾是 “战地夜校”。战士白天作战，夜晚就油灯学认字，无课本便互抄互教。如今，团队用数字化技术呈现旧址，孩子们在 VR 课程中，争相体验将童年记忆转化为数字场景的过程。
                            </p>
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/tmY2/256X170/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/tmY2/256X170/1.jpg" alt="工农革命公安局旧址">
                                </div>
                                <div class="image-caption">工农革命公安局旧址</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ORhk/5184X3456/2.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ORhk/5184X3456/2.jpg" alt="工农革命公安局旧址">
                                </div>
                                <div class="image-caption">工农革命公安局旧址</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Gbc2/5184X3456/3.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Gbc2/5184X3456/3.jpg" alt="工农革命公安局旧址">
                                </div>
                                <div class="image-caption">工农革命公安局旧址</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/J6y1/5184X3456/4.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/J6y1/5184X3456/4.jpg" alt="工农革命公安局旧址">
                                </div>
                                <div class="image-caption">工农革命公安局旧址</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/tGgb/5184X3456/5.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/tGgb/5184X3456/5.jpg" alt="工农革命公安局旧址">
                                </div>
                                <div class="image-caption">工农革命公安局旧址</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/klbr/5184X3456/6.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/klbr/5184X3456/6.jpg" alt="工农革命公安局旧址">
                                </div>
                                <div class="image-caption">工农革命公安局旧址</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/LZIS/5184X3456/7.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/LZIS/5184X3456/7.jpg" alt="工农革命公安局旧址">
                                </div>
                                <div class="image-caption">工农革命公安局旧址</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ekQf/5184X3456/8.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ekQf/5184X3456/8.jpg" alt="工农革命公安局旧址">
                                </div>
                                <div class="image-caption">工农革命公安局旧址</div>
                            </a>
                        </div>
                        
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>石生肉丸店：百年烟火里的 “舍得” 哲学<span>◇◇◇</span>
                    </h2>
                    <div class="culturl-course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 0rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                这家五代人传承的老店，用 "舍得用料" 四个字道尽经营之道。左右两间门面，一边食客满座，一边厨房蒸汽缭绕，百年间凭实打实的品质，让客家肉丸的鲜香从清末飘到如今。<br>
                                店主谈及梅州 "粄"，直言笋粄、忆子粄、菜丝粄不可错过 —— 鲜笋要当季、馅料剁足两小时、米浆磨三遍，连胡椒瘦肉汤都要提前腌制才够嫩。简单话语里，是对时间的敬畏与手艺的坚守。
                            </p>   
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/RWKx/1279X1706/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/RWKx/1279X1706/1.jpg" alt="石生肉丸店">
                                </div>
                                <div class="image-caption">石生肉丸店</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/awrq/1080X959/2.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/awrq/1080X959/2.jpg" alt="石生肉丸店">
                                </div>
                                <div class="image-caption">石生肉丸店</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/48sT/1079X1237/3.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/48sT/1079X1237/3.jpg" alt="石生肉丸店">
                                </div>
                                <div class="image-caption">石生肉丸店</div>
                            </a>
                        </div>
                        
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>泰安楼：泥土与时光里的踏实匠心<span>◇◇◇</span>
                    </h2>
                    <div class="culturl-course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 0rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                方形土楼泰安楼，夯土墙的颗粒感藏着建造者 "宁可慢三分，也要稳一寸" 的匠心。居民说 "住着踏实"，这份踏实源于布局里的祖宗智慧：通风、安全、防雨，不求华丽只求安稳。<br>
                                团队用全景技术为其建档，无人机镜头下的土楼轮廓分明。正如建造土楼般，文化传承也需踏实记录，让匠心在数字世界永续。
                            </p>   
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ltUj/1280X720/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ltUj/1280X720/1.jpg" alt="泰安楼">
                                </div>
                                <div class="image-caption">泰安楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xDH3/5568X3712/2.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xDH3/5568X3712/2.JPG" alt="泰安楼">
                                </div>
                                <div class="image-caption">泰安楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QexK/5568X3712/3.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QexK/5568X3712/3.JPG" alt="泰安楼">
                                </div>
                                <div class="image-caption">泰安楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/O3kq/5568X3712/4.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/O3kq/5568X3712/4.JPG" alt="泰安楼">
                                </div>
                                <div class="image-caption">泰安楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/WnaJ/5568X3712/5.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/WnaJ/5568X3712/5.JPG" alt="泰安楼">
                                </div>
                                <div class="image-caption">泰安楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/uoDd/5568X3712/6.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/uoDd/5568X3712/6.JPG" alt="泰安楼">
                                </div>
                                <div class="image-caption">泰安楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/7hgA/5568X3712/7.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/7hgA/5568X3712/7.JPG" alt="泰安楼">
                                </div>
                                <div class="image-caption">泰安楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/CeyY/5568X3712/8.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/CeyY/5568X3712/8.JPG" alt="泰安楼">
                                </div>
                                <div class="image-caption">泰安楼</div>
                            </a>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>百侯古镇：侨乡建筑里的融合智慧<span>◇◇◇</span>
                    </h2>
                    <div class="culturl-course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 0rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                作为侨乡，百侯的建筑藏着 "踏实融合" 的智慧。海源楼与肇庆堂是中西合璧的典范，而通议大夫第作为省级文保单位，更是清代 "一腹三翰林" 科举传奇的见证，客家建筑艺术与侨乡文化在此活态呈现。
                            </p>   
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/es0A/5568X3712/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/es0A/5568X3712/1.jpg" alt="百侯古镇">
                                </div>
                                <div class="image-caption">百侯古镇</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/oTRC/5568X3712/2.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/oTRC/5568X3712/2.jpg" alt="百侯古镇">
                                </div>
                                <div class="image-caption">百侯古镇</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/3LgA/5568X3712/3.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/3LgA/5568X3712/3.jpg" alt="百侯古镇">
                                </div>
                                <div class="image-caption">百侯古镇</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Fnlf/5568X3712/4.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Fnlf/5568X3712/4.jpg" alt="百侯古镇">
                                </div>
                                <div class="image-caption">百侯古镇</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Hrrt/5568X3712/5.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Hrrt/5568X3712/5.jpg" alt="百侯古镇">
                                </div>
                                <div class="image-caption">百侯古镇</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/mmEc/5568X3712/6.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/mmEc/5568X3712/6.jpg" alt="百侯古镇">
                                </div>
                                <div class="image-caption">百侯古镇</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/26AU/3712X5568/7.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/26AU/3712X5568/7.jpg" alt="百侯古镇">
                                </div>
                                <div class="image-caption">百侯古镇</div>
                            </a>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>大埔县博物馆：数字档案里的记忆守护<span>◇◇◇</span>
                    </h2>
                    <div class="culturl-course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 0rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                博物馆里的文物是大埔历史的见证者。讲解员说，除了专业保存，更需用数字技术让更多人了解其故事。团队为此建立 "时光胶囊" 式数字档案，涵盖客家服饰、传统农具、名人介绍与红色革命文物，让历史记忆永续传承。
                            </p>   
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/YGZ6/5568X3712/1.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/YGZ6/5568X3712/1.JPG" alt="大埔县博物馆">
                                </div>
                                <div class="image-caption">大埔县博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/XhRa/5568X3712/2.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/XhRa/5568X3712/2.JPG" alt="大埔县博物馆">
                                </div>
                                <div class="image-caption">大埔县博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Avlf/5568X3712/3.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Avlf/5568X3712/3.JPG" alt="大埔县博物馆">
                                </div>
                                <div class="image-caption">大埔县博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/InQC/5568X3712/4.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/InQC/5568X3712/4.JPG" alt="大埔县博物馆">
                                </div>
                                <div class="image-caption">大埔县博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/BZRX/5568X3712/5.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/BZRX/5568X3712/5.JPG" alt="大埔县博物馆">
                                </div>
                                <div class="image-caption">大埔县博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/qHWn/5568X3712/6.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/qHWn/5568X3712/6.JPG" alt="大埔县博物馆">
                                </div>
                                <div class="image-caption">大埔县博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/4IRx/1920X1080/7.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/4IRx/1920X1080/7.JPG" alt="大埔县博物馆">
                                </div>
                                <div class="image-caption">大埔县博物馆</div>
                            </a>
                        </div><div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/8hAK/1920X1080/8.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/8hAK/1920X1080/8.JPG" alt="大埔县博物馆">
                                </div>
                                <div class="image-caption">大埔县博物馆</div>
                            </a>
                        </div>
                    </div>
                    
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>大埔红色印记<span>◇◇◇</span>
                    </h2>
                    <div class="culturl-course-intro1 padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 0rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                红色交通线主要站点：汕头站承担上海与中央苏区联络，潮州站是粤东 “左联” 文学青年据点，梅州大埔县站点为交通线关键枢纽，负责物资转运。<br>
                                延伸线路：全长约 3000 公里，以 “上海 — 香港 — 汕头 — 大埔 — 永定 — 长汀 — 瑞金” 为走向，汕头至潮州段通铁路，潮州至梅州段水陆结合。
                            </p>  
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                青溪镇棣萼楼是全国唯一完整保存的中央红色交通线核心段，其革命史分三阶段：1928 年冬设党小组播撒火种；1930-1934 年作为交通站转运人员与物资，楼内秘密通道见证交通员的惊险；1945-1949 年助力解放战争。多宝坑邹日祥故居 “一门七烈士” 的事迹，彰显守护交通线的赤诚与牺牲，交通员后代的口述让历史更鲜活。
                            </p> 
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                中共南方工作委员会旧址：华南 “小延安”，位于大埔县枫朗镇大埔角村的旧址，1940 年作为秘密指挥部，在革命斗争中地位关键。团队用无人机拍摄与 VR 技术留存全貌，让红色遗迹在数字世界焕发生机。旧址内百年杨桃树曾架设电台天线，陈列馆里 “南委事件” 史料诉说先辈坚守信仰的艰辛，电台操作模拟区带来沉浸式体验。
                            </p>
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                罗明故居：见证了罗明在南方革命中的足迹，曾是革命思想传播据点，墙上 “打倒军阀”“工农联合” 等标语仍清晰可见。土地革命时期，故居作为秘密联络点，后厅储物间暗格曾掩护交通员。如今故居设陈列馆，展出罗明手稿、历史照片等，其中 1933 年他写给党中央的报告复印件尤为珍贵，字里行间满是革命忠诚。   
                            </p>   
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/d2Z7/7008X4672/1.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/d2Z7/7008X4672/1.JPG" alt="棣萼楼">
                                </div>
                                <div class="image-caption">棣萼楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/y1BL/7008X4672/2.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/y1BL/7008X4672/2.JPG" alt="棣萼楼">
                                </div>
                                <div class="image-caption">棣萼楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/EABd/7008X4672/3.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/EABd/7008X4672/3.JPG" alt="棣萼楼">
                                </div>
                                <div class="image-caption">棣萼楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/UukZ/7008X4672/4.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/UukZ/7008X4672/4.JPG" alt="棣萼楼">
                                </div>
                                <div class="image-caption">棣萼楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/CtX1/7008X4672/5.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/CtX1/7008X4672/5.JPG" alt="棣萼楼">
                                </div>
                                <div class="image-caption">棣萼楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/3j6R/7008X4672/6.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/3j6R/7008X4672/6.JPG" alt="棣萼楼">
                                </div>
                                <div class="image-caption">棣萼楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/XVGw/7008X4672/7.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/XVGw/7008X4672/7.JPG" alt="棣萼楼">
                                </div>
                                <div class="image-caption">棣萼楼</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/TGIJ/2000X1332/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/TGIJ/2000X1332/1.jpg" alt="中共南方工作委员会旧址">
                                </div>
                                <div class="image-caption">中共南方工作委员会旧址</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/O8kL/7008X4672/1.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/O8kL/7008X4672/1.JPG" alt="罗明故居">
                                </div>
                                <div class="image-caption">罗明故居</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QtyG/7008X4672/2.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QtyG/7008X4672/2.JPG" alt="罗明故居">
                                </div>
                                <div class="image-caption">罗明故居</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/1VnY/7008X4672/3.JPG" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/1VnY/7008X4672/3.JPG" alt="罗明故居">
                                </div>
                                <div class="image-caption">罗明故居</div>
                            </a>
                        </div>
                    </div>
                    
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>叶剑英博物馆<span>◇◇◇</span>
                    </h2>
                    <div class="culturl-course-intro padding: 4rem; padding: 10rem; margin-top 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 0rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                叶剑英元帅纪念馆位于梅州梅县区雁洋镇叶剑英纪念园内，1987 年始建，经迁建、扩建，2007 年新馆对外开放 。2023 年底闭馆改陈布展，2025 年 1 月以新貌重开。馆内展厅分九个部分，新增展陈面积近 600 平方米，展出文物从 91 件（套）增至 330 件（套），有叶剑英获的 3 枚一级勋章等珍贵物件。通过多媒体、雕塑场景等展陈手段，生动展现叶剑英在 “护卫孙中山”“策应南昌起义”“粉碎‘四人帮’” 等关键节点的贡献，呈现其光辉一生。该馆是国家二级博物馆 、全国红色旅游经典景区，也是开展革命传统与国防教育的重要场所。
                            </p>   
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/uGfW/5184X3456/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/uGfW/5184X3456/1.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Ag8z/5184X3456/2.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Ag8z/5184X3456/2.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/B2Sw/5184X3456/3.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/B2Sw/5184X3456/3.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/XIeL/5184X3456/4.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/XIeL/5184X3456/4.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Agj2/3166X4561/5.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Agj2/3166X4561/5.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/E9Eb/5184X3456/6.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/E9Eb/5184X3456/6.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2BwV/5184X3456/7.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/2BwV/5184X3456/7.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/bJTl/5184X3456/8.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/bJTl/5184X3456/8.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ARAB/5184X3456/9.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ARAB/5184X3456/9.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Dd0G/5184X3456/10.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Dd0G/5184X3456/10.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/OhZw/5184X3456/11.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/OhZw/5184X3456/11.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/kFXS/5184X3456/12.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/kFXS/5184X3456/12.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/htwb/5184X3456/13.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/htwb/5184X3456/13.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QBda/5184X3456/14.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/QBda/5184X3456/14.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/6mzu/5184X3456/15.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/6mzu/5184X3456/15.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Cmjz/5184X3456/16.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Cmjz/5184X3456/16.jpg" alt="叶剑英博物馆">
                                </div>
                                <div class="image-caption">叶剑英博物馆</div>
                            </a>
                        </div>
                    </div>
                </section>
                <!-- 调研报告 -->
                <section id="volunteer" class="content-section">
                    <h2>非遗文化</h2>                    
                    <h2 class="decor-title" style=" margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>校警携手防诈骗<span>◇◇◇</span>
                    </h2>
                    <div class="volunteer-course-intro" style="padding: 4rem; padding: 10rem; margin-top: 0px; padding-left: 11rem;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                7 月 23 日，广东技术师范大学计算机科学学院等高校联合南华西派出所，在南华西街道开展长者防诈骗专题宣传活动。<br>
                                活动中，南华西派出所民警结合真实案例，用粤语讲解冒充公检法、虚假保健品推销等常见养老诈骗陷阱，强调防骗要点。高校师生组成的先锋队通过趣味问答、情景模拟等形式，还原诈骗场景，一对一解答老人疑问，还帮助下载国家反诈 APP、解决智能手机使用问题。<br>
                                此次活动是 “龙武里・南二实・广师大计科院” 党建引领社区合伙人共建后的首次行动，校警地三方联动，提升了社区长者防骗能力，为老年群体筑起安全屏障。未来将探索建立常态化服务机制，深化合作守护 “夕阳红”。
                            </p>
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/vwtH/1267X844/1.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/vwtH/1267X844/1.jpg" alt="防诈宣传">
                                </div>
                                <div class="image-caption">校警携手防诈骗</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ZF7m/1280X853/2.png" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/ZF7m/1280X853/2.png" alt="防诈宣传">
                                </div>
                                <div class="image-caption">校警携手防诈骗</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Lvzm/4096X2304/3.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/Lvzm/4096X2304/3.jpeg" alt="防诈宣传">
                                </div>
                                <div class="image-caption">校警携手防诈骗</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/bqPw/1267X950/4.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/bqPw/1267X950/4.jpg" alt="防诈宣传">
                                </div>
                                <div class="image-caption">校警携手防诈骗</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/aEqm/1267X950/5.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/aEqm/1267X950/5.jpg" alt="防诈宣传">
                                </div>
                                <div class="image-caption">校警携手防诈骗</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/1sOm/1267X712/6.jpg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/1sOm/1267X712/6.jpg" alt="防诈宣传">
                                </div>
                                <div class="image-caption">校警携手防诈骗</div>
                            </a>
                        </div>
                    </div>
                    <h2 class="decor-title" style="border-bottom: none !important; margin-bottom: 0 !important; margin-top: 6rem !important; padding-bottom: 0 !important;">
                        <span>◇◇◇</span>助 “荔” 振兴：校政企联动书写青春助农答卷<span>◇◇◇</span>
                    </h2>
                    <div class="volunteer-course-intro" style="padding: 4rem; padding: 10rem; margin-top: 10px;">
                        <h4 style="color: rgb(125, 162, 206); margin-top: 1rem;">
                            <p style="color: rgb(125, 162, 206); margin-left: 65px;">
                                为响应广东省 “百千万工程”，广州珠江实业集团联合广东技术师范大学计算机科学学院、从化区团委及南平静修小镇，开展 “校企政联动，青春助‘荔’” 行动，助力南平村特色荔枝拓宽销售渠道。<br>
                                校政企三方组建 “青春助‘荔’突击队”，国企提供供应链与技术支撑，高校学子发挥专业优势，开展直播带货，还通过短视频、文创海报等多维度推广，总销售额达 8000 多元，观众超 3000 人。学子们全程参与荔枝采摘、分拣、直播等流程，并配套开展开园仪式、汉服秀等活动传播荔枝文化。<br>
                                此次行动是校政企协同助农的实践样板，既助农增收，也为学生提供了实战平台，未来将持续推进相关合作，助力乡村振兴。    
                            </p>    
                        </h4>
                    </div>
                        <div class="image-grid">
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/C1EZ/1440X1080/1.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/C1EZ/1440X1080/1.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xnN6/1280X719/2.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/xnN6/1280X719/2.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/TEd2/1440X1080/3.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/TEd2/1440X1080/3.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/8r65/1443X1080/4.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/8r65/1443X1080/4.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/pOBi/1486X1080/5.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/pOBi/1486X1080/5.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/C6sV/1440X1080/6.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/C6sV/1440X1080/6.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/jKur/1317X1080/7.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/jKur/1317X1080/7.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/oHUo/1452X1080/8.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/oHUo/1452X1080/8.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/oJd0/1595X1080/9.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/oJd0/1595X1080/9.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/sOR1/1549X1080/10.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/sOR1/1549X1080/10.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/atEF/1080X1441/11.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/atEF/1080X1441/11.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                        <div class="image-item">
                            <a href="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/LOBe/1440X1080/12.jpeg" target="_blank" style="display: block; height: 100%;">
                                <div class="image-container">
                                    <img src="https://img.51shazhu.com/autoupload/_LwqYMY1Upvu1gB4xrD5xbKXl_QqVl-bpSwqP4fJO68/20250728/LOBe/1440X1080/12.jpeg" alt="直播助农">
                                </div>
                                <div class="image-caption">直播助农</div>
                            </a>
                        </div>
                    </div>
                </section>
                <!-- 联系我们 -->
                <section id="contact" class="content-section">
                    <h2>联系我们</h2>
                    <p>抖音号：91188340125</p>
                    <p>小红书号：94799766713</p>
                </section>  
        </main>
        
        
        <aside>
            <section>
                <h2>计科院助梦e夏公众号最新推文</h2>
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/LdL79I4OrdpOI_3sPJ4CYQ" target="_blank">
                        【直播助农|第十二日】校企政联动聚合力，青春助 “荔” 绘振兴画卷
                    </a>
                    <span class="date">发布于：2025年07月26日</span>
                </div>
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/RYxEPV4vkUDUUzicM80xQg" target="_blank">
                        【非遗文化｜第十一日】对话大埔汉乐传承人：汉研会的传承与坚守
                    </a>
                    <span class="date">发布于：2025年07月25日</span>
                </div>
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/_Wu2lia5qlps5eygAbBYpw" target="_blank">
                        【非遗文化｜第十日】茶阳竹畲箩：五百年竹香里的非遗守望
                    </a>
                    <span class="date">发布于：2025年07月24日</span>
                </div>
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/ZtvczxaT_Jk5o-irIpmudg" target="_blank">
                        【非遗技艺｜第九日】千年酒脉守与承：梅州娘酒的传承脉络
                    </a>
                    <span class="date">发布于：2025年07月23日</span>
                </div>
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/uj55moY5hHMn6qSxpEBgfg" target="_blank">
                        【大埔文脉 | 第八日】从牌坊石影到数字云端的接力
                    </a>
                    <span class="date">发布于：2025年07月22日</span>
                </div>
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/zmvfZ3vACkMUNDmaps6mXw" target="_blank">
                        【大埔文脉 | 第七日】蒸汽传薪火，夯土筑匠心，古镇承风华，博物馆续千年
                    </a>
                    <span class="date">发布于：2025年07月21日</span>
                </div>
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/zqGfQ5s-gYN4MMYFUyj_ow" target="_blank">
                        【义教篇|第六日】运动燃活力,化学藏趣味,安全筑防线,地理探天地!
                    </a>
                    <span class="date">发布于：2025年07月20日</span>
                </div>
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/MCXf9sLuaiWVn_LaTfl_8g" target="_blank">
                        【助梦e夏】科技义教 “趣” 哪了？机器人筑梦，VR 存景，AI 赋活数字趣！
                    </a>
                    <span class="date">发布于：2025年07月19日</span>
                </div>
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/txBQPmdGcwHxy4JbB0O1IA" target="_blank">
                        【调研篇|第五日】品古韵风华，探生态新篇
                    </a>
                    <span class="date">发布于：2025年07月18日</span>
                </div>
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/gOCT8R0KvHdyAq6A2Ow8YQ" target="_blank">
                        【调研篇 | 第四日】青年访瓷，以数字技术传承大埔手工瓷器民俗文化
                    </a>
                    <span class="date">发布于：2025年07月17日</span>
                </div>

                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/Zsxkc-vw_wKXH1sa5-BwTg" target="_blank">
                        【海报篇】助梦e夏：用 VR为笔，以数字化解码陶瓷传承
                    </a>
                    <span class="date">发布于：2025年07月17日</span>
                </div>

                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/0VS8ZhwAkzGj1Jn7TXtLPQ" target="_blank">
                        【义教篇 | 第三日】体教机创融智趣，VR 探奇共成长
                    </a>
                    <span class="date">发布于：2025年07月16日</span>
                </div>

                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/IOym0O5E9bcZmuA5x2x2Ww" target="_blank">
                        【海报篇】E路繁花·童心绽放——义教课堂照片集（二）
                    </a>
                    <span class="date">发布于：2025年07月16日</span>
                </div>
                
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/7e-7OapW_1MYui2g8H3OJw" target="_blank">
                        【调研篇｜第二日】探寻大埔红色交通线：重温革命岁月，传承红色基因
                    </a>
                    <span class="date">发布于：2025年07月15日</span>
                </div>

                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/53xN1_jrYQ5jLaysIyyddg" target="_blank">
                        【三下乡 | 第一日】助梦出发，"e"夏开课啦！
                    </a>
                    <span class="date">发布于：2025年07月14日</span>
                </div>

                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/ojkR-F4vleWcVFyitkE80g" target="_blank">
                        E路繁花·童心绽放——助梦e夏义教课堂照片集
                    </a>
                    <span class="date">发布于：2025年07月14日</span>
                </div>
                
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/pDaMBcFXWhuVPDIwEQKiJg" target="_blank">
                        【三下乡】助梦 e 夏赴埔乡，青春实践启新章
                    </a>
                    <span class="date">发布于：2025年07月13日</span>
                </div>
                
                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/c7HzL8t6EqutaMDwE_h9lQ" target="_blank">
                        三下乡启幕！VR 解锁大埔中学新视界！
                    </a>
                    <span class="date">发布于：2025年07月13日</span>
                </div>

                <div class="wechat-tweet">
                    <div class="source">计科院助梦e夏官方公众号</div>
                    <a href="https://mp.weixin.qq.com/s/dkuL0jtRC8TO7qaFMSJ63A" target="_blank">
                        【三下乡 | 成员介绍篇】"e"路向乡，"夏"一站梅州大埔!
                    </a>
                    <span class="date">发布于：2025年07月10日</span>
                </div>
            </section>
        </aside>
    </div>
    
    <footer>
        <p>&copy; 2025 广东技术师范大学助梦e夏团队 | 版权所有</p>
    </footer>

    <script>
  document.addEventListener('DOMContentLoaded', function () {
    const navLinks = document.querySelectorAll('.nav-link');
    const sections = document.querySelectorAll('.content-section');
    const container = document.querySelector('.container');

    // 默认只显示首页
    sections.forEach(sec => {
      sec.style.display = sec.id === 'home' ? 'block' : 'none';
    });

    navLinks.forEach(link => {
      link.addEventListener('click', (e) => {
        e.preventDefault();
        const targetId = link.getAttribute('data-target');

        sections.forEach(sec => {
          sec.style.display = sec.id === targetId ? 'block' : 'none';
        });

        // 控制侧边栏显示/隐藏
        container.classList.toggle('sidebar-hidden', targetId !== 'home');

        // 滚动到顶部
        window.scrollTo({ top: 0, behavior: 'smooth' });
      });
    });
  });
</script>
    <script>
        const track  = document.querySelector('.slide-track');
        const slides = document.querySelectorAll('.slide');
        const dots   = document.querySelectorAll('.dot');
        let index = 0;
        const total = slides.length;

        function moveTo(idx){
        index = (idx + total) % total;
        track.style.transform = `translateX(-${index * 100}%)`;
        dots.forEach((d,i)=>d.classList.toggle('active',i===index));
        }
        function slideMove(step){
        moveTo(index + step);
        }
        function slideTo(idx){
        moveTo(idx);
        }

        /* 自动播放 */
        let timer = setInterval(()=>slideMove(1),4000);
        const slideBanner = document.querySelector('.slide-banner'); // 假设是通过类名获取，也可以用 getElementById 等，根据实际情况来
        // 然后再添加事件监听
        slideBanner.addEventListener('mouseenter', ()=>clearInterval(timer));
        slideBanner.addEventListener('mouseleave', ()=>timer = setInterval(()=>slideMove(1),4000));
    </script>
    <script>
        // 等待页面所有DOM元素加载完成后再执行
        document.addEventListener('DOMContentLoaded', () => {
            // 第一个按钮逻辑
            const viewMoreBtn = document.getElementById('viewMoreBtn');
            const moreImages = document.getElementById('moreImages');
            if (viewMoreBtn && moreImages) {
                viewMoreBtn.addEventListener('click', () => {
                    moreImages.style.display = moreImages.style.display === 'none' || moreImages.style.display === '' ? 'grid' : 'none';
                    viewMoreBtn.textContent = moreImages.style.display === 'grid' ? '收起更多图片' : '查看更多图片';
                    moreImages.scrollIntoView({ behavior: 'smooth' });
                });
            }

            // 第二个按钮逻辑
            const viewMore3dBtn = document.getElementById('viewMore3dBtn');
            const more3dImages = document.getElementById('more3dImages');
            if (viewMore3dBtn && more3dImages) {
                viewMore3dBtn.addEventListener('click', () => {
                    more3dImages.style.display = more3dImages.style.display === 'none' || more3dImages.style.display === '' ? 'grid' : 'none';
                    viewMore3dBtn.textContent = more3dImages.style.display === 'grid' ? '收起更多' : '查看更多';
                    more3dImages.scrollIntoView({ behavior: 'smooth' });
                });
            }

            // 第一个按钮逻辑
            const viewMoreBtn1 = document.getElementById('viewMoreBtn1');
            const moreImages1 = document.getElementById('moreImages1');
            if (viewMoreBtn1 && moreImages1) {
                viewMoreBtn1.addEventListener('click', () => {
                    moreImages1.style.display = moreImages1.style.display === 'none' || moreImages1.style.display === '' ? 'grid' : 'none';
                    viewMoreBtn1.textContent = moreImages1.style.display === 'grid' ? '收起更多图片' : '查看更多图片';
                    moreImages1.scrollIntoView({ behavior: 'smooth' });
                });
            }
        });
    </script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#3B82F6',
                        secondary: '#1E40AF',
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    <script>
    // 视频轮播功能
    const videoTrack = document.querySelector('.video-carousel-track');
    const videoDots = document.querySelectorAll('.video-carousel-container .dots .dot');
    const videoItems = document.querySelectorAll('.video-carousel-container .video-item');
    let currentSlide = 0;
    
    // 动态计算可见视频数量
    const getVisibleSlides = () => {
        return window.innerWidth >= 768 ? 2 : 1;
    };
    
    // 计算最大滚动值
    let maxSlide = videoItems.length - getVisibleSlides();
    
    // 初始化圆点点击事件
    function initDotEvents() {
        videoDots.forEach((dot, i) => {
            dot.addEventListener('click', () => {
                scrollToSlide(i);
            });
        });
    }
    
    // 跳转到指定幻灯片
    function scrollToSlide(index) {
        currentSlide = Math.min(index, maxSlide); // 确保不超过最大可滚动值
        updateCarousel();
    }
    
    // 滚动轮播（支持循环）
    function scrollCarousel(direction) {
        const visibleSlides = getVisibleSlides();
        const totalSlides = videoItems.length;
        
        let newSlide = currentSlide + direction;
        
        // 向后滚动循环
        if (newSlide > maxSlide) {
            newSlide = 0;
        }
        // 向前滚动循环
        else if (newSlide < 0) {
            newSlide = maxSlide;
        }
        
        currentSlide = newSlide;
        updateCarousel();
    }
    
    // 更新轮播位置和指示器
    function updateCarousel() {
        const gap = 20;
        const itemWidth = videoItems[0].offsetWidth + gap;
        const scrollDistance = currentSlide * itemWidth;
        
        videoTrack.style.transform = `translateX(-${scrollDistance}px)`;
        videoTrack.style.transition = 'transform 0.6s ease';
        
        // 更新指示器状态
        videoDots.forEach((dot, i) => {
            const isActive = i === currentSlide;
            dot.classList.toggle('active', isActive);
            dot.style.backgroundColor = isActive ? 'rgb(125, 162, 206)' : 'rgba(125, 162, 206, 0.5)';
        });
    }
    
    // 窗口大小变化处理
    window.addEventListener('resize', () => {
        maxSlide = videoItems.length - getVisibleSlides();
        currentSlide = Math.min(currentSlide, maxSlide);
        updateCarousel();
    });
    
    // 自动播放控制
    let videoTimer = setInterval(() => scrollCarousel(1), 6000);
    
    document.querySelector('.video-carousel-container').addEventListener('mouseenter', () => {
        clearInterval(videoTimer);
    });
    
    document.querySelector('.video-carousel-container').addEventListener('mouseleave', () => {
        videoTimer = setInterval(() => scrollCarousel(1), 6000);
    });
    
    // 查看更多视频交互
    document.getElementById('viewMoreVideos').addEventListener('click', function() {
        const moreVideos = document.getElementById('moreVideos');
        if (moreVideos.style.display === 'none' || moreVideos.style.display === '') {
            moreVideos.style.display = 'grid';
            this.textContent = '收起更多视频';
        } else {
            moreVideos.style.display = 'none';
            this.textContent = '查看更多视频';
        }
    });
    
    // 初始化
    initDotEvents();
    updateCarousel();
    window.addEventListener('resize', updateCarousel);
</script>
</body>
</html>